:root {
  --el-message-top: 8px;
}

html { --devs-color-primary: #0C67C4; }
body { 
  position: relative; 
  font-family: "微软雅黑", "Helvetica Neue", "Lucida Grande", "Arial"; 
  font-size: 12px; 
  padding: 0; 
  margin: 0; 
}

#app > .dev-component-sfc-element {
  height: 100%;
}

pre {
  font-family: "微软雅黑", "Helvetica Neue", "Lucida Grande", "Arial"; 
  padding: 0; 
  margin: 0; 
}
pre, .el-table__body div {
  line-height: 1.5em;
}

.bodyBackground {
  background: #ECE9E9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ECE9E9));
  background: #ECE9E9 -moz-linear-gradient(top, #fff, #ECE9E9);
  background-repeat: no-repeat;
}

.positionRelative, .relative { position: relative; }
.positionAbsolute, .absolute { position: absolute; }

.hover:hover { background-color: #00000010; border-radius: 5px; }

.redBorder    { border: 1px solid red; box-sizing: border-box;}
.blueBorder   { border: 1px solid var(--devs-color-primary); box-sizing: border-box; }
.blackBorder  { border: 1px solid #383838; box-sizing: border-box; }
.greenBorder  { border: 1px solid #689A40; box-sizing: border-box; }
.whiteBorder  { border: 1px solid white; box-sizing: border-box; }

.border, .border-red, .b-red        { border: 1px solid red;        box-sizing: border-box; }      .bg-red        { background-color: red;       }
.border-blue        , .b-blue       { border: 1px solid blue;       box-sizing: border-box; }      .bg-blue       { background-color: blue;      }
.border-green       , .b-green      { border: 1px solid green;      box-sizing: border-box; }      .bg-green      { background-color: green;     }
.border-black       , .b-black      { border: 1px solid black;      box-sizing: border-box; }      .bg-black      { background-color: black;     }
.border-yellow      , .b-yellow     { border: 1px solid yellow;     box-sizing: border-box; }      .bg-yellow     { background-color: yellow;    }   
.border-gray        , .b-gray       { border: 1px solid gray;       box-sizing: border-box; }      .bg-gray       { background-color: gray;      } 
.border-purple      , .b-purple     { border: 1px solid purple;     box-sizing: border-box; }      .bg-purple     { background-color: purple;    }
.border-white       , .b-white      { border: 1px solid white;      box-sizing: border-box; }      .bg-white      { background-color: white;     }
.border-useful      , .b-useful     { border: 1px solid #dcdfe6;    box-sizing: border-box; }      .bg-useful     { background-color: #dcdfe6;   }
.border-lightgray   , .b-lightgray  { border: 1px solid lightgray;  box-sizing: border-box; }      .bg-lightgray  { background-color: lightgray; }

.border-top     { border-top:     1px solid red; box-sizing: border-box }
.border-right   { border-right:   1px solid red; box-sizing: border-box }
.border-bottom  { border-bottom:  1px solid red; box-sizing: border-box }
.border-left    { border-left:    1px solid red; box-sizing: border-box }

.tb1 , .transparentBorder1  { border:  1px solid transparent; box-sizing: border-box }
.tb2 , .transparentBorder2  { border:  2px solid transparent; box-sizing: border-box }
.tb3 , .transparentBorder3  { border:  3px solid transparent; box-sizing: border-box }
.tb4 , .transparentBorder4  { border:  4px solid transparent; box-sizing: border-box }
.tb5 , .transparentBorder5  { border:  5px solid transparent; box-sizing: border-box }
.tb6 , .transparentBorder6  { border:  6px solid transparent; box-sizing: border-box }
.tb7 , .transparentBorder7  { border:  7px solid transparent; box-sizing: border-box }
.tb8 , .transparentBorder8  { border:  8px solid transparent; box-sizing: border-box }
.tb9 , .transparentBorder9  { border:  9px solid transparent; box-sizing: border-box }
.tb10, .transparentBorder10 { border: 10px solid transparent; box-sizing: border-box }
.tb11, .transparentBorder11 { border: 11px solid transparent; box-sizing: border-box }
.tb12, .transparentBorder12 { border: 12px solid transparent; box-sizing: border-box }
.tb13, .transparentBorder13 { border: 13px solid transparent; box-sizing: border-box }
.tb14, .transparentBorder14 { border: 14px solid transparent; box-sizing: border-box }
.tb15, .transparentBorder15 { border: 15px solid transparent; box-sizing: border-box }
.tb16, .transparentBorder16 { border: 16px solid transparent; box-sizing: border-box }
.tb17, .transparentBorder17 { border: 17px solid transparent; box-sizing: border-box }
.tb18, .transparentBorder18 { border: 18px solid transparent; box-sizing: border-box }
.tb19, .transparentBorder19 { border: 19px solid transparent; box-sizing: border-box }
.tb20, .transparentBorder20 { border: 20px solid transparent; box-sizing: border-box }
.tb25, .transparentBorder25 { border: 25px solid transparent; box-sizing: border-box }
.tb30, .transparentBorder30 { border: 30px solid transparent; box-sizing: border-box }
.tb35, .transparentBorder35 { border: 35px solid transparent; box-sizing: border-box }
.tb40, .transparentBorder40 { border: 40px solid transparent; box-sizing: border-box }
.tb45, .transparentBorder45 { border: 45px solid transparent; box-sizing: border-box }
.tb50, .transparentBorder50 { border: 50px solid transparent; box-sizing: border-box }

.borderWidth0, .noBorder, .noborder,
.border1 , .bw1  { border-width:  1px }    .border-left1 , .lbw1  { border-left-width:  1px }    .border-right1 , .rbw1  { border-right-width:  1px }    .border-top1 , .tbw1  { border-top-width:  1px }   .border-bottom1 , .bbw1  { border-bottom-width:  1px }
.border2 , .bw2  { border-width:  2px }    .border-left2 , .lbw2  { border-left-width:  2px }    .border-right2 , .rbw2  { border-right-width:  2px }    .border-top2 , .tbw2  { border-top-width:  2px }   .border-bottom2 , .bbw2  { border-bottom-width:  2px }
.border3 , .bw3  { border-width:  3px }    .border-left3 , .lbw3  { border-left-width:  3px }    .border-right3 , .rbw3  { border-right-width:  3px }    .border-top3 , .tbw3  { border-top-width:  3px }   .border-bottom3 , .bbw3  { border-bottom-width:  3px }
.border4 , .bw4  { border-width:  4px }    .border-left4 , .lbw4  { border-left-width:  4px }    .border-right4 , .rbw4  { border-right-width:  4px }    .border-top4 , .tbw4  { border-top-width:  4px }   .border-bottom4 , .bbw4  { border-bottom-width:  4px }
.border5 , .bw5  { border-width:  5px }    .border-left5 , .lbw5  { border-left-width:  5px }    .border-right5 , .rbw5  { border-right-width:  5px }    .border-top5 , .tbw5  { border-top-width:  5px }   .border-bottom5 , .bbw5  { border-bottom-width:  5px }
.border6 , .bw6  { border-width:  6px }    .border-left6 , .lbw6  { border-left-width:  6px }    .border-right6 , .rbw6  { border-right-width:  6px }    .border-top6 , .tbw6  { border-top-width:  6px }   .border-bottom6 , .bbw6  { border-bottom-width:  6px }
.border7 , .bw7  { border-width:  7px }    .border-left7 , .lbw7  { border-left-width:  7px }    .border-right7 , .rbw7  { border-right-width:  7px }    .border-top7 , .tbw7  { border-top-width:  7px }   .border-bottom7 , .bbw7  { border-bottom-width:  7px }
.border8 , .bw8  { border-width:  8px }    .border-left8 , .lbw8  { border-left-width:  8px }    .border-right8 , .rbw8  { border-right-width:  8px }    .border-top8 , .tbw8  { border-top-width:  8px }   .border-bottom8 , .bbw8  { border-bottom-width:  8px }
.border9 , .bw9  { border-width:  9px }    .border-left9 , .lbw9  { border-left-width:  9px }    .border-right9 , .rbw9  { border-right-width:  9px }    .border-top9 , .tbw9  { border-top-width:  9px }   .border-bottom9 , .bbw9  { border-bottom-width:  9px }
.border10, .bw10 { border-width: 10px }    .border-left10, .lbw10 { border-left-width: 10px }    .border-right10, .rbw10 { border-right-width: 10px }    .border-top10, .tbw10 { border-top-width: 10px }   .border-bottom10, .bbw10 { border-bottom-width: 10px }
.border11, .bw11 { border-width: 11px }    .border-left11, .lbw11 { border-left-width: 11px }    .border-right11, .rbw11 { border-right-width: 11px }    .border-top11, .tbw11 { border-top-width: 11px }   .border-bottom11, .bbw11 { border-bottom-width: 11px }
.border12, .bw12 { border-width: 12px }    .border-left12, .lbw12 { border-left-width: 12px }    .border-right12, .rbw12 { border-right-width: 12px }    .border-top12, .tbw12 { border-top-width: 12px }   .border-bottom12, .bbw12 { border-bottom-width: 12px }
.border13, .bw13 { border-width: 13px }    .border-left13, .lbw13 { border-left-width: 13px }    .border-right13, .rbw13 { border-right-width: 13px }    .border-top13, .tbw13 { border-top-width: 13px }   .border-bottom13, .bbw13 { border-bottom-width: 13px }
.border14, .bw14 { border-width: 14px }    .border-left14, .lbw14 { border-left-width: 14px }    .border-right14, .rbw14 { border-right-width: 14px }    .border-top14, .tbw14 { border-top-width: 14px }   .border-bottom14, .bbw14 { border-bottom-width: 14px }
.border15, .bw15 { border-width: 15px }    .border-left15, .lbw15 { border-left-width: 15px }    .border-right15, .rbw15 { border-right-width: 15px }    .border-top15, .tbw15 { border-top-width: 15px }   .border-bottom15, .bbw15 { border-bottom-width: 15px }
.border16, .bw16 { border-width: 16px }    .border-left16, .lbw16 { border-left-width: 16px }    .border-right16, .rbw16 { border-right-width: 16px }    .border-top16, .tbw16 { border-top-width: 16px }   .border-bottom16, .bbw16 { border-bottom-width: 16px }
.border17, .bw17 { border-width: 17px }    .border-left17, .lbw17 { border-left-width: 17px }    .border-right17, .rbw17 { border-right-width: 17px }    .border-top17, .tbw17 { border-top-width: 17px }   .border-bottom17, .bbw17 { border-bottom-width: 17px }
.border18, .bw18 { border-width: 18px }    .border-left18, .lbw18 { border-left-width: 18px }    .border-right18, .rbw18 { border-right-width: 18px }    .border-top18, .tbw18 { border-top-width: 18px }   .border-bottom18, .bbw18 { border-bottom-width: 18px }
.border19, .bw19 { border-width: 19px }    .border-left19, .lbw19 { border-left-width: 19px }    .border-right19, .rbw19 { border-right-width: 19px }    .border-top19, .tbw19 { border-top-width: 19px }   .border-bottom19, .bbw19 { border-bottom-width: 19px }
.border20, .bw20 { border-width: 20px }    .border-left20, .lbw20 { border-left-width: 20px }    .border-right20, .rbw20 { border-right-width: 20px }    .border-top20, .tbw20 { border-top-width: 20px }   .border-bottom20, .bbw20 { border-bottom-width: 20px }
.border21, .bw21 { border-width: 21px }    .border-left21, .lbw21 { border-left-width: 21px }    .border-right21, .rbw21 { border-right-width: 21px }    .border-top21, .tbw21 { border-top-width: 21px }   .border-bottom21, .bbw21 { border-bottom-width: 21px }
.border22, .bw22 { border-width: 22px }    .border-left22, .lbw22 { border-left-width: 22px }    .border-right22, .rbw22 { border-right-width: 22px }    .border-top22, .tbw22 { border-top-width: 22px }   .border-bottom22, .bbw22 { border-bottom-width: 22px }
.border23, .bw23 { border-width: 23px }    .border-left23, .lbw23 { border-left-width: 23px }    .border-right23, .rbw23 { border-right-width: 23px }    .border-top23, .tbw23 { border-top-width: 23px }   .border-bottom23, .bbw23 { border-bottom-width: 23px }
.border24, .bw24 { border-width: 24px }    .border-left24, .lbw24 { border-left-width: 24px }    .border-right24, .rbw24 { border-right-width: 24px }    .border-top24, .tbw24 { border-top-width: 24px }   .border-bottom24, .bbw24 { border-bottom-width: 24px }
.border25, .bw25 { border-width: 25px }    .border-left25, .lbw25 { border-left-width: 25px }    .border-right25, .rbw25 { border-right-width: 25px }    .border-top25, .tbw25 { border-top-width: 25px }   .border-bottom25, .bbw25 { border-bottom-width: 25px }
.border26, .bw26 { border-width: 26px }    .border-left26, .lbw26 { border-left-width: 26px }    .border-right26, .rbw26 { border-right-width: 26px }    .border-top26, .tbw26 { border-top-width: 26px }   .border-bottom26, .bbw26 { border-bottom-width: 26px }
.border27, .bw27 { border-width: 27px }    .border-left27, .lbw27 { border-left-width: 27px }    .border-right27, .rbw27 { border-right-width: 27px }    .border-top27, .tbw27 { border-top-width: 27px }   .border-bottom27, .bbw27 { border-bottom-width: 27px }
.border28, .bw28 { border-width: 28px }    .border-left28, .lbw28 { border-left-width: 28px }    .border-right28, .rbw28 { border-right-width: 28px }    .border-top28, .tbw28 { border-top-width: 28px }   .border-bottom28, .bbw28 { border-bottom-width: 28px }
.border29, .bw29 { border-width: 29px }    .border-left29, .lbw29 { border-left-width: 29px }    .border-right29, .rbw29 { border-right-width: 29px }    .border-top29, .tbw29 { border-top-width: 29px }   .border-bottom29, .bbw29 { border-bottom-width: 29px }
.border30, .bw30 { border-width: 30px }    .border-left30, .lbw30 { border-left-width: 30px }    .border-right30, .rbw30 { border-right-width: 30px }    .border-top30, .tbw30 { border-top-width: 30px }   .border-bottom30, .bbw30 { border-bottom-width: 30px }
.border35, .bw35 { border-width: 35px }    .border-left35, .lbw35 { border-left-width: 35px }    .border-right35, .rbw35 { border-right-width: 35px }    .border-top35, .tbw35 { border-top-width: 35px }   .border-bottom35, .bbw35 { border-bottom-width: 35px }
.border40, .bw40 { border-width: 40px }    .border-left40, .lbw40 { border-left-width: 40px }    .border-right40, .rbw40 { border-right-width: 40px }    .border-top40, .tbw40 { border-top-width: 40px }   .border-bottom40, .bbw40 { border-bottom-width: 40px }
.border45, .bw45 { border-width: 45px }    .border-left45, .lbw45 { border-left-width: 45px }    .border-right45, .rbw45 { border-right-width: 45px }    .border-top45, .tbw45 { border-top-width: 45px }   .border-bottom45, .bbw45 { border-bottom-width: 45px }
.border50, .bw50 { border-width: 50px }    .border-left50, .lbw50 { border-left-width: 50px }    .border-right50, .rbw50 { border-right-width: 50px }    .border-top50, .tbw50 { border-top-width: 50px }   .border-bottom50, .bbw50 { border-bottom-width: 50px }
.border0 , .bw0  { border-width:  0px }    .border-left0 , .lbw0  { border-left-width:  0px }    .border-right0 , .rbw0  { border-right-width:  0px }    .border-top0 , .tbw0  { border-top-width:  0px }   .border-bottom0 , .bbw0  { border-bottom-width:  0px }

.border-transparent, .border-color-transparent, .transparentBorder, .transparent-border { border-color: transparent }

.border-circle, .borderCircle, .border-round, .borderRound { border-radius: 100%; overflow: hidden; }
.br1 , .borderRadius1 , .borderRound1  { border-radius: 1px  }
.br2 , .borderRadius2 , .borderRound2  { border-radius: 2px  }
.br3 , .borderRadius3 , .borderRound3  { border-radius: 3px  }
.br4 , .borderRadius4 , .borderRound4  { border-radius: 4px  }
.br5 , .borderRadius5 , .borderRound5  { border-radius: 5px  }
.br6 , .borderRadius6 , .borderRound6  { border-radius: 6px  }
.br7 , .borderRadius7 , .borderRound7  { border-radius: 7px  }
.br8 , .borderRadius8 , .borderRound8  { border-radius: 8px  }
.br9 , .borderRadius9 , .borderRound9  { border-radius: 9px  }
.br10, .borderRadius10, .borderRound10 { border-radius: 10px }
.circle { border-radius: 100% }

.no-left-border, .noLeftBorder { border-left-width: 0; }
.no-top-border, .noTopBorder { border-top-width: 0; }
.no-right-border, .noRightBorder { border-right-width: 0; }
.no-bottom-border, .noBottomBorder { border-bottom-width: 0; }

/** 撑满父容器 */
.fillparent, .fullscreen, .dev-fullscreen { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; box-sizing: border-box; }

.page-main-content { width: 100%; height: 100%; /* border: 10px solid transparent; */ box-sizing: border-box; padding: 10px; }

.dev-column { display: flex !important; flex-flow: column; box-sizing: border-box; width: 100%; }
.dev-row { display: flex !important; flex-flow: row; box-sizing: border-box; }

.hide, .hidden { display: none !important; }

.items-center   , .flex-items-center   , .dev-items-center   , .dev-row-items-center, .dev-column-items-center, .dev-flex-items-center { align-items: center }
.items-start    , .flex-items-start    , .dev-items-start    , .dev-row-items-start, .dev-column-items-start, .dev-flex-items-start { align-items: flex-start }
.items-end      , .flex-items-end      , .dev-items-end      , .dev-row-items-end, .dev-column-items-end, .dev-flex-items-end { align-items: flex-end }
.items-strecth  , .flex-items-strecth  , .dev-items-strecth  , .dev-row-items-strecth, .dev-column-items-strecth, .dev-flex-items-strecth,
.items-stretch  , .flex-items-stretch  , .dev-items-stretch  , .dev-row-items-stretch, .dev-column-items-stretch, .dev-flex-items-stretch { align-items: stretch }
.items-baseline , .flex-items-baseline , .dev-items-baseline , .dev-row-items-baseline, .dev-column-items-baseline, .dev-flex-items-baseline { align-items: baseline }

.content-center , .flex-content-center , .dev-content-center   { align-content: center }
.content-start  , .flex-content-start  , .dev-content-start    { align-content: flex-start }
.content-end    , .flex-content-end    , .dev-content-end      { align-content: flex-end }
.content-around , .flex-content-around , .dev-content-around   { align-content: space-around }
.content-between, .flex-content-between, .dev-content-between  { align-content: space-between }
.content-stretch, .flex-content-stretch, .dev-content-stretch  { align-content: stretch }

.justify-center , .flex-justify-center , .dev-justify-content-center   { justify-content: center }
.justify-start  , .flex-justify-start  , .dev-justify-content-start    { justify-content: flex-start }
.justify-end    , .flex-justify-end    , .dev-justify-content-end      { justify-content: flex-end }
.justify-around , .flex-justify-around , .dev-justify-content-around   { justify-content: space-around }
.justify-between, .flex-justify-between, .dev-justify-content-between  { justify-content: space-between }
.justify-evenly , .flex-justify-evenly , .dev-justify-content-evenly   { justify-content: space-evenly }

.grow , .gr , .dev-grow , .flex-grow , .dev-flex-grow  ,
.grow1, .gr1, .dev-grow1, .flex-grow1, .dev-flex-grow1 { flex-grow: 1; }
.grow2, .gr2, .dev-grow2, .flex-grow2, .dev-flex-grow2 { flex-grow: 2; }
.grow3, .gr3, .dev-grow3, .flex-grow3, .dev-flex-grow3 { flex-grow: 3; }
.grow4, .gr4, .dev-grow4, .flex-grow4, .dev-flex-grow4 { flex-grow: 4; }
.grow5, .gr5, .dev-grow5, .flex-grow5, .dev-flex-grow5 { flex-grow: 5; }

.dev-column > .dev-grow, .dev-column > .flex-grow, .dev-column > .dev-flex-grow { height: 0; }

.dev-wrap, .row-wrap, .flex-wrap, .dev-row-wrap, .flex-row-wrap, .dev-flex-wrap { flex-wrap: wrap; row-gap: 10px }

.height0              { height: 0     }
.height100  , .ph100  { height: 100%  }
.height100vh, .vh100  { height: 100vh }

.width0               { width: 0     }
.width10    , .pw10  , .wp10   { width: 10%   }
.width20    , .pw20  , .wp20   { width: 20%   }
.width30    , .pw30  , .wp30   { width: 30%   }
.width40    , .pw40  , .wp40   { width: 40%   }
.width50    , .pw50  , .wp50   { width: 50%   }
.width60    , .pw60  , .wp60   { width: 60%   }
.width70    , .pw70  , .wp70   { width: 70%   }
.width80    , .pw80  , .wp80   { width: 80%   }
.width90    , .pw90  , .wp90   { width: 90%   }
.width100   , .pw100 , .wp100  { width: 100%  }
.width100vw , .vw100 , .wv100  { width: 100vw }

.dev-nogap, .dev-flex-gap0, .dev-flex-nogap, .nogap { column-gap: 0; row-gap: 0; }
.dev-gap0 , .gap0 , .g0  { row-gap: 0px;  column-gap: 0px;  }     .dev-row-gap0 , .row-gap0 , .rgap0 , .rg0  { row-gap: 0px; }     .dev-column-gap0 , .column-gap0 , .cgap0 , .cg0  { column-gap: 0px; }
.dev-gap1 , .gap1 , .g1  { row-gap: 1px;  column-gap: 1px;  }     .dev-row-gap1 , .row-gap1 , .rgap1 , .rg1  { row-gap: 1px; }     .dev-column-gap1 , .column-gap1 , .cgap1 , .cg1  { column-gap: 1px; }
.dev-gap2 , .gap2 , .g2  { row-gap: 2px;  column-gap: 2px;  }     .dev-row-gap2 , .row-gap2 , .rgap2 , .rg2  { row-gap: 2px; }     .dev-column-gap2 , .column-gap2 , .cgap2 , .cg2  { column-gap: 2px; }
.dev-gap3 , .gap3 , .g3  { row-gap: 3px;  column-gap: 3px;  }     .dev-row-gap3 , .row-gap3 , .rgap3 , .rg3  { row-gap: 3px; }     .dev-column-gap3 , .column-gap3 , .cgap3 , .cg3  { column-gap: 3px; }
.dev-gap4 , .gap4 , .g4  { row-gap: 4px;  column-gap: 4px;  }     .dev-row-gap4 , .row-gap4 , .rgap4 , .rg4  { row-gap: 4px; }     .dev-column-gap4 , .column-gap4 , .cgap4 , .cg4  { column-gap: 4px; }
.dev-gap5 , .gap5 , .g5  { row-gap: 5px;  column-gap: 5px;  }     .dev-row-gap5 , .row-gap5 , .rgap5 , .rg5  { row-gap: 5px; }     .dev-column-gap5 , .column-gap5 , .cgap5 , .cg5  { column-gap: 5px; }
.dev-gap6 , .gap6 , .g6  { row-gap: 6px;  column-gap: 6px;  }     .dev-row-gap6 , .row-gap6 , .rgap6 , .rg6  { row-gap: 6px; }     .dev-column-gap6 , .column-gap6 , .cgap6 , .cg6  { column-gap: 6px; }
.dev-gap7 , .gap7 , .g7  { row-gap: 7px;  column-gap: 7px;  }     .dev-row-gap7 , .row-gap7 , .rgap7 , .rg7  { row-gap: 7px; }     .dev-column-gap7 , .column-gap7 , .cgap7 , .cg7  { column-gap: 7px; }
.dev-gap8 , .gap8 , .g8  { row-gap: 8px;  column-gap: 8px;  }     .dev-row-gap8 , .row-gap8 , .rgap8 , .rg8  { row-gap: 8px; }     .dev-column-gap8 , .column-gap8 , .cgap8 , .cg8  { column-gap: 8px; }
.dev-gap9 , .gap9 , .g9  { row-gap: 9px;  column-gap: 9px;  }     .dev-row-gap9 , .row-gap9 , .rgap9 , .rg9  { row-gap: 9px; }     .dev-column-gap9 , .column-gap9 , .cgap9 , .cg9  { column-gap: 9px; }
.dev-gap10, .gap10, .g10 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap10, .row-gap10, .rgap10, .rg10 { row-gap: 10px }     .dev-column-gap10, .column-gap10, .cgap10, .cg10 { column-gap: 10px }
.dev-gap11, .gap11, .g11 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap11, .row-gap11, .rgap11, .rg11 { row-gap: 10px }     .dev-column-gap11, .column-gap11, .cgap11, .cg11 { column-gap: 10px }
.dev-gap12, .gap12, .g12 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap12, .row-gap12, .rgap12, .rg12 { row-gap: 10px }     .dev-column-gap12, .column-gap12, .cgap12, .cg12 { column-gap: 10px }
.dev-gap13, .gap13, .g13 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap13, .row-gap13, .rgap13, .rg13 { row-gap: 10px }     .dev-column-gap13, .column-gap13, .cgap13, .cg13 { column-gap: 10px }
.dev-gap14, .gap14, .g14 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap14, .row-gap14, .rgap14, .rg14 { row-gap: 10px }     .dev-column-gap14, .column-gap14, .cgap14, .cg14 { column-gap: 10px }
.dev-gap15, .gap15, .g15 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap15, .row-gap15, .rgap15, .rg15 { row-gap: 10px }     .dev-column-gap15, .column-gap15, .cgap15, .cg15 { column-gap: 10px }
.dev-gap16, .gap16, .g16 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap16, .row-gap16, .rgap16, .rg16 { row-gap: 10px }     .dev-column-gap16, .column-gap16, .cgap16, .cg16 { column-gap: 10px }
.dev-gap17, .gap17, .g17 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap17, .row-gap17, .rgap17, .rg17 { row-gap: 10px }     .dev-column-gap17, .column-gap17, .cgap17, .cg17 { column-gap: 10px }
.dev-gap18, .gap18, .g18 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap18, .row-gap18, .rgap18, .rg18 { row-gap: 10px }     .dev-column-gap18, .column-gap18, .cgap18, .cg18 { column-gap: 10px }
.dev-gap19, .gap19, .g19 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap19, .row-gap19, .rgap19, .rg19 { row-gap: 10px }     .dev-column-gap19, .column-gap19, .cgap19, .cg19 { column-gap: 10px }
.dev-gap20, .gap20, .g20 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap20, .row-gap20, .rgap20, .rg20 { row-gap: 10px }     .dev-column-gap20, .column-gap20, .cgap20, .cg20 { column-gap: 10px }
.dev-gap21, .gap21, .g21 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap21, .row-gap21, .rgap21, .rg21 { row-gap: 10px }     .dev-column-gap21, .column-gap21, .cgap21, .cg21 { column-gap: 10px }
.dev-gap22, .gap22, .g22 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap22, .row-gap22, .rgap22, .rg22 { row-gap: 10px }     .dev-column-gap22, .column-gap22, .cgap22, .cg22 { column-gap: 10px }
.dev-gap23, .gap23, .g23 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap23, .row-gap23, .rgap23, .rg23 { row-gap: 10px }     .dev-column-gap23, .column-gap23, .cgap23, .cg23 { column-gap: 10px }
.dev-gap24, .gap24, .g24 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap24, .row-gap24, .rgap24, .rg24 { row-gap: 10px }     .dev-column-gap24, .column-gap24, .cgap24, .cg24 { column-gap: 10px }
.dev-gap25, .gap25, .g25 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap25, .row-gap25, .rgap25, .rg25 { row-gap: 10px }     .dev-column-gap25, .column-gap25, .cgap25, .cg25 { column-gap: 10px }
.dev-gap26, .gap26, .g26 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap26, .row-gap26, .rgap26, .rg26 { row-gap: 10px }     .dev-column-gap26, .column-gap26, .cgap26, .cg26 { column-gap: 10px }
.dev-gap27, .gap27, .g27 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap27, .row-gap27, .rgap27, .rg27 { row-gap: 10px }     .dev-column-gap27, .column-gap27, .cgap27, .cg27 { column-gap: 10px }
.dev-gap28, .gap28, .g28 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap28, .row-gap28, .rgap28, .rg28 { row-gap: 10px }     .dev-column-gap28, .column-gap28, .cgap28, .cg28 { column-gap: 10px }
.dev-gap29, .gap29, .g29 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap29, .row-gap29, .rgap29, .rg29 { row-gap: 10px }     .dev-column-gap29, .column-gap29, .cgap29, .cg29 { column-gap: 10px }
.dev-gap30, .gap30, .g30 { row-gap: 10px; column-gap: 10px; }     .dev-row-gap30, .row-gap30, .rgap30, .rg30 { row-gap: 10px }     .dev-column-gap30, .column-gap30, .cgap30, .cg30 { column-gap: 10px }

.dev-row-nogap, .row-nogap { row-gap: 0    }     .dev-column-nogap, .column-nogap { column-gap: 0    }
.dev-row-gap40, .row-gap40 { row-gap: 40px }     .dev-column-gap40, .column-gap40 { column-gap: 40px }
.dev-row-gap45, .row-gap45 { row-gap: 45px }     .dev-column-gap45, .column-gap45 { column-gap: 45px }
.dev-row-gap50, .row-gap50 { row-gap: 50px }     .dev-column-gap50, .column-gap50 { column-gap: 50px }

.noMargin, .nomargin { margin: 0 !important }
.margin0 , .m0  { margin:  0   !important }     .ml0  { margin-left:  0   !important }     .mr0  { margin-right:  0   !important }     .mt0  { margin-top:  0   !important }    .mb0  { margin-bottom:  0   !important }      .m-0  { margin:  -0   !important }     .ml-0  { margin-left:  -0   !important }     .mr-0  { margin-right:  -0   !important }     .mt-0  { margin-top:  -0   !important }    .mb-0  { margin-bottom:  -0   !important }     .dev-h0  { height:  0px !important }   .dev-w0  { width:  0px !important }
.margin1 , .m1  { margin:  1px !important }     .ml1  { margin-left:  1px !important }     .mr1  { margin-right:  1px !important }     .mt1  { margin-top:  1px !important }    .mb1  { margin-bottom:  1px !important }      .m-1  { margin:  -1px !important }     .ml-1  { margin-left:  -1px !important }     .mr-1  { margin-right:  -1px !important }     .mt-1  { margin-top:  -1px !important }    .mb-1  { margin-bottom:  -1px !important }     .dev-h1  { height:  1px !important }   .dev-w1  { width:  1px !important }
.margin2 , .m2  { margin:  2px !important }     .ml2  { margin-left:  2px !important }     .mr2  { margin-right:  2px !important }     .mt2  { margin-top:  2px !important }    .mb2  { margin-bottom:  2px !important }      .m-2  { margin:  -2px !important }     .ml-2  { margin-left:  -2px !important }     .mr-2  { margin-right:  -2px !important }     .mt-2  { margin-top:  -2px !important }    .mb-2  { margin-bottom:  -2px !important }     .dev-h2  { height:  2px !important }   .dev-w2  { width:  2px !important }
.margin3 , .m3  { margin:  3px !important }     .ml3  { margin-left:  3px !important }     .mr3  { margin-right:  3px !important }     .mt3  { margin-top:  3px !important }    .mb3  { margin-bottom:  3px !important }      .m-3  { margin:  -3px !important }     .ml-3  { margin-left:  -3px !important }     .mr-3  { margin-right:  -3px !important }     .mt-3  { margin-top:  -3px !important }    .mb-3  { margin-bottom:  -3px !important }     .dev-h3  { height:  3px !important }   .dev-w3  { width:  3px !important }
.margin4 , .m4  { margin:  4px !important }     .ml4  { margin-left:  4px !important }     .mr4  { margin-right:  4px !important }     .mt4  { margin-top:  4px !important }    .mb4  { margin-bottom:  4px !important }      .m-4  { margin:  -4px !important }     .ml-4  { margin-left:  -4px !important }     .mr-4  { margin-right:  -4px !important }     .mt-4  { margin-top:  -4px !important }    .mb-4  { margin-bottom:  -4px !important }     .dev-h4  { height:  4px !important }   .dev-w4  { width:  4px !important }
.margin5 , .m5  { margin:  5px !important }     .ml5  { margin-left:  5px !important }     .mr5  { margin-right:  5px !important }     .mt5  { margin-top:  5px !important }    .mb5  { margin-bottom:  5px !important }      .m-5  { margin:  -5px !important }     .ml-5  { margin-left:  -5px !important }     .mr-5  { margin-right:  -5px !important }     .mt-5  { margin-top:  -5px !important }    .mb-5  { margin-bottom:  -5px !important }     .dev-h5  { height:  5px !important }   .dev-w5  { width:  5px !important }
.margin6 , .m6  { margin:  6px !important }     .ml6  { margin-left:  6px !important }     .mr6  { margin-right:  6px !important }     .mt6  { margin-top:  6px !important }    .mb6  { margin-bottom:  6px !important }      .m-6  { margin:  -6px !important }     .ml-6  { margin-left:  -6px !important }     .mr-6  { margin-right:  -6px !important }     .mt-6  { margin-top:  -6px !important }    .mb-6  { margin-bottom:  -6px !important }     .dev-h6  { height:  6px !important }   .dev-w6  { width:  6px !important }
.margin7 , .m7  { margin:  7px !important }     .ml7  { margin-left:  7px !important }     .mr7  { margin-right:  7px !important }     .mt7  { margin-top:  7px !important }    .mb7  { margin-bottom:  7px !important }      .m-7  { margin:  -7px !important }     .ml-7  { margin-left:  -7px !important }     .mr-7  { margin-right:  -7px !important }     .mt-7  { margin-top:  -7px !important }    .mb-7  { margin-bottom:  -7px !important }     .dev-h7  { height:  7px !important }   .dev-w7  { width:  7px !important }
.margin8 , .m8  { margin:  8px !important }     .ml8  { margin-left:  8px !important }     .mr8  { margin-right:  8px !important }     .mt8  { margin-top:  8px !important }    .mb8  { margin-bottom:  8px !important }      .m-8  { margin:  -8px !important }     .ml-8  { margin-left:  -8px !important }     .mr-8  { margin-right:  -8px !important }     .mt-8  { margin-top:  -8px !important }    .mb-8  { margin-bottom:  -8px !important }     .dev-h8  { height:  8px !important }   .dev-w8  { width:  8px !important }
.margin9 , .m9  { margin:  9px !important }     .ml9  { margin-left:  9px !important }     .mr9  { margin-right:  9px !important }     .mt9  { margin-top:  9px !important }    .mb9  { margin-bottom:  9px !important }      .m-9  { margin:  -9px !important }     .ml-9  { margin-left:  -9px !important }     .mr-9  { margin-right:  -9px !important }     .mt-9  { margin-top:  -9px !important }    .mb-9  { margin-bottom:  -9px !important }     .dev-h9  { height:  9px !important }   .dev-w9  { width:  9px !important }
.margin10, .m10 { margin: 10px !important }     .ml10 { margin-left: 10px !important }     .mr10 { margin-right: 10px !important }     .mt10 { margin-top: 10px !important }    .mb10 { margin-bottom: 10px !important }      .m-10 { margin: -10px !important }     .ml-10 { margin-left: -10px !important }     .mr-10 { margin-right: -10px !important }     .mt-10 { margin-top: -10px !important }    .mb-10 { margin-bottom: -10px !important }     .dev-h10 { height: 10px !important }   .dev-w10 { width: 10px !important }
.margin11, .m11 { margin: 11px !important }     .ml11 { margin-left: 11px !important }     .mr11 { margin-right: 11px !important }     .mt11 { margin-top: 11px !important }    .mb11 { margin-bottom: 11px !important }      .m-11 { margin: -11px !important }     .ml-11 { margin-left: -11px !important }     .mr-11 { margin-right: -11px !important }     .mt-11 { margin-top: -11px !important }    .mb-11 { margin-bottom: -11px !important }     .dev-h11 { height: 11px !important }   .dev-w11 { width: 11px !important }
.margin12, .m12 { margin: 12px !important }     .ml12 { margin-left: 12px !important }     .mr12 { margin-right: 12px !important }     .mt12 { margin-top: 12px !important }    .mb12 { margin-bottom: 12px !important }      .m-12 { margin: -12px !important }     .ml-12 { margin-left: -12px !important }     .mr-12 { margin-right: -12px !important }     .mt-12 { margin-top: -12px !important }    .mb-12 { margin-bottom: -12px !important }     .dev-h12 { height: 12px !important }   .dev-w12 { width: 12px !important }
.margin13, .m13 { margin: 13px !important }     .ml13 { margin-left: 13px !important }     .mr13 { margin-right: 13px !important }     .mt13 { margin-top: 13px !important }    .mb13 { margin-bottom: 13px !important }      .m-13 { margin: -13px !important }     .ml-13 { margin-left: -13px !important }     .mr-13 { margin-right: -13px !important }     .mt-13 { margin-top: -13px !important }    .mb-13 { margin-bottom: -13px !important }     .dev-h13 { height: 13px !important }   .dev-w13 { width: 13px !important }
.margin14, .m14 { margin: 14px !important }     .ml14 { margin-left: 14px !important }     .mr14 { margin-right: 14px !important }     .mt14 { margin-top: 14px !important }    .mb14 { margin-bottom: 14px !important }      .m-14 { margin: -14px !important }     .ml-14 { margin-left: -14px !important }     .mr-14 { margin-right: -14px !important }     .mt-14 { margin-top: -14px !important }    .mb-14 { margin-bottom: -14px !important }     .dev-h14 { height: 14px !important }   .dev-w14 { width: 14px !important }
.margin15, .m15 { margin: 15px !important }     .ml15 { margin-left: 15px !important }     .mr15 { margin-right: 15px !important }     .mt15 { margin-top: 15px !important }    .mb15 { margin-bottom: 15px !important }      .m-15 { margin: -15px !important }     .ml-15 { margin-left: -15px !important }     .mr-15 { margin-right: -15px !important }     .mt-15 { margin-top: -15px !important }    .mb-15 { margin-bottom: -15px !important }     .dev-h15 { height: 15px !important }   .dev-w15 { width: 15px !important }
.margin16, .m16 { margin: 16px !important }     .ml16 { margin-left: 16px !important }     .mr16 { margin-right: 16px !important }     .mt16 { margin-top: 16px !important }    .mb16 { margin-bottom: 16px !important }      .m-16 { margin: -16px !important }     .ml-16 { margin-left: -16px !important }     .mr-16 { margin-right: -16px !important }     .mt-16 { margin-top: -16px !important }    .mb-16 { margin-bottom: -16px !important }     .dev-h16 { height: 16px !important }   .dev-w16 { width: 16px !important }
.margin17, .m17 { margin: 17px !important }     .ml17 { margin-left: 17px !important }     .mr17 { margin-right: 17px !important }     .mt17 { margin-top: 17px !important }    .mb17 { margin-bottom: 17px !important }      .m-17 { margin: -17px !important }     .ml-17 { margin-left: -17px !important }     .mr-17 { margin-right: -17px !important }     .mt-17 { margin-top: -17px !important }    .mb-17 { margin-bottom: -17px !important }     .dev-h17 { height: 17px !important }   .dev-w17 { width: 17px !important }
.margin18, .m18 { margin: 18px !important }     .ml18 { margin-left: 18px !important }     .mr18 { margin-right: 18px !important }     .mt18 { margin-top: 18px !important }    .mb18 { margin-bottom: 18px !important }      .m-18 { margin: -18px !important }     .ml-18 { margin-left: -18px !important }     .mr-18 { margin-right: -18px !important }     .mt-18 { margin-top: -18px !important }    .mb-18 { margin-bottom: -18px !important }     .dev-h18 { height: 18px !important }   .dev-w18 { width: 18px !important }
.margin19, .m19 { margin: 19px !important }     .ml19 { margin-left: 19px !important }     .mr19 { margin-right: 19px !important }     .mt19 { margin-top: 19px !important }    .mb19 { margin-bottom: 19px !important }      .m-19 { margin: -19px !important }     .ml-19 { margin-left: -19px !important }     .mr-19 { margin-right: -19px !important }     .mt-19 { margin-top: -19px !important }    .mb-19 { margin-bottom: -19px !important }     .dev-h19 { height: 19px !important }   .dev-w19 { width: 19px !important }
.margin20, .m20 { margin: 20px !important }     .ml20 { margin-left: 20px !important }     .mr20 { margin-right: 20px !important }     .mt20 { margin-top: 20px !important }    .mb20 { margin-bottom: 20px !important }      .m-20 { margin: -20px !important }     .ml-20 { margin-left: -20px !important }     .mr-20 { margin-right: -20px !important }     .mt-20 { margin-top: -20px !important }    .mb-20 { margin-bottom: -20px !important }     .dev-h20 { height: 20px !important }   .dev-w20 { width: 20px !important }
.margin21, .m21 { margin: 21px !important }     .ml21 { margin-left: 21px !important }     .mr21 { margin-right: 21px !important }     .mt21 { margin-top: 21px !important }    .mb21 { margin-bottom: 21px !important }      .m-21 { margin: -21px !important }     .ml-21 { margin-left: -21px !important }     .mr-21 { margin-right: -21px !important }     .mt-21 { margin-top: -21px !important }    .mb-21 { margin-bottom: -21px !important }     .dev-h21 { height: 21px !important }   .dev-w21 { width: 21px !important }
.margin22, .m22 { margin: 22px !important }     .ml22 { margin-left: 22px !important }     .mr22 { margin-right: 22px !important }     .mt22 { margin-top: 22px !important }    .mb22 { margin-bottom: 22px !important }      .m-22 { margin: -22px !important }     .ml-22 { margin-left: -22px !important }     .mr-22 { margin-right: -22px !important }     .mt-22 { margin-top: -22px !important }    .mb-22 { margin-bottom: -22px !important }     .dev-h22 { height: 22px !important }   .dev-w22 { width: 22px !important }
.margin23, .m23 { margin: 23px !important }     .ml23 { margin-left: 23px !important }     .mr23 { margin-right: 23px !important }     .mt23 { margin-top: 23px !important }    .mb23 { margin-bottom: 23px !important }      .m-23 { margin: -23px !important }     .ml-23 { margin-left: -23px !important }     .mr-23 { margin-right: -23px !important }     .mt-23 { margin-top: -23px !important }    .mb-23 { margin-bottom: -23px !important }     .dev-h23 { height: 23px !important }   .dev-w23 { width: 23px !important }
.margin24, .m24 { margin: 24px !important }     .ml24 { margin-left: 24px !important }     .mr24 { margin-right: 24px !important }     .mt24 { margin-top: 24px !important }    .mb24 { margin-bottom: 24px !important }      .m-24 { margin: -24px !important }     .ml-24 { margin-left: -24px !important }     .mr-24 { margin-right: -24px !important }     .mt-24 { margin-top: -24px !important }    .mb-24 { margin-bottom: -24px !important }     .dev-h24 { height: 24px !important }   .dev-w24 { width: 24px !important }
.margin25, .m25 { margin: 25px !important }     .ml25 { margin-left: 25px !important }     .mr25 { margin-right: 25px !important }     .mt25 { margin-top: 25px !important }    .mb25 { margin-bottom: 25px !important }      .m-25 { margin: -25px !important }     .ml-25 { margin-left: -25px !important }     .mr-25 { margin-right: -25px !important }     .mt-25 { margin-top: -25px !important }    .mb-25 { margin-bottom: -25px !important }     .dev-h25 { height: 25px !important }   .dev-w25 { width: 25px !important }
.margin26, .m26 { margin: 26px !important }     .ml26 { margin-left: 26px !important }     .mr26 { margin-right: 26px !important }     .mt26 { margin-top: 26px !important }    .mb26 { margin-bottom: 26px !important }      .m-26 { margin: -26px !important }     .ml-26 { margin-left: -26px !important }     .mr-26 { margin-right: -26px !important }     .mt-26 { margin-top: -26px !important }    .mb-26 { margin-bottom: -26px !important }     .dev-h26 { height: 26px !important }   .dev-w26 { width: 26px !important }
.margin27, .m27 { margin: 27px !important }     .ml27 { margin-left: 27px !important }     .mr27 { margin-right: 27px !important }     .mt27 { margin-top: 27px !important }    .mb27 { margin-bottom: 27px !important }      .m-27 { margin: -27px !important }     .ml-27 { margin-left: -27px !important }     .mr-27 { margin-right: -27px !important }     .mt-27 { margin-top: -27px !important }    .mb-27 { margin-bottom: -27px !important }     .dev-h27 { height: 27px !important }   .dev-w27 { width: 27px !important }
.margin28, .m28 { margin: 28px !important }     .ml28 { margin-left: 28px !important }     .mr28 { margin-right: 28px !important }     .mt28 { margin-top: 28px !important }    .mb28 { margin-bottom: 28px !important }      .m-28 { margin: -28px !important }     .ml-28 { margin-left: -28px !important }     .mr-28 { margin-right: -28px !important }     .mt-28 { margin-top: -28px !important }    .mb-28 { margin-bottom: -28px !important }     .dev-h28 { height: 28px !important }   .dev-w28 { width: 28px !important }
.margin29, .m29 { margin: 29px !important }     .ml29 { margin-left: 29px !important }     .mr29 { margin-right: 29px !important }     .mt29 { margin-top: 29px !important }    .mb29 { margin-bottom: 29px !important }      .m-29 { margin: -29px !important }     .ml-29 { margin-left: -29px !important }     .mr-29 { margin-right: -29px !important }     .mt-29 { margin-top: -29px !important }    .mb-29 { margin-bottom: -29px !important }     .dev-h29 { height: 29px !important }   .dev-w29 { width: 29px !important }
.margin30, .m30 { margin: 30px !important }     .ml30 { margin-left: 30px !important }     .mr30 { margin-right: 30px !important }     .mt30 { margin-top: 30px !important }    .mb30 { margin-bottom: 30px !important }      .m-30 { margin: -30px !important }     .ml-30 { margin-left: -30px !important }     .mr-30 { margin-right: -30px !important }     .mt-30 { margin-top: -30px !important }    .mb-30 { margin-bottom: -30px !important }     .dev-h30 { height: 30px !important }   .dev-w30 { width: 30px !important }
.margin31, .m31 { margin: 31px !important }     .ml31 { margin-left: 31px !important }     .mr31 { margin-right: 31px !important }     .mt31 { margin-top: 31px !important }    .mb31 { margin-bottom: 31px !important }      .m-31 { margin: -31px !important }     .ml-31 { margin-left: -31px !important }     .mr-31 { margin-right: -31px !important }     .mt-31 { margin-top: -31px !important }    .mb-31 { margin-bottom: -31px !important }     .dev-h31 { height: 31px !important }   .dev-w31 { width: 31px !important }
.margin32, .m32 { margin: 32px !important }     .ml32 { margin-left: 32px !important }     .mr32 { margin-right: 32px !important }     .mt32 { margin-top: 32px !important }    .mb32 { margin-bottom: 32px !important }      .m-32 { margin: -32px !important }     .ml-32 { margin-left: -32px !important }     .mr-32 { margin-right: -32px !important }     .mt-32 { margin-top: -32px !important }    .mb-32 { margin-bottom: -32px !important }     .dev-h32 { height: 32px !important }   .dev-w32 { width: 32px !important }
.margin33, .m33 { margin: 33px !important }     .ml33 { margin-left: 33px !important }     .mr33 { margin-right: 33px !important }     .mt33 { margin-top: 33px !important }    .mb33 { margin-bottom: 33px !important }      .m-33 { margin: -33px !important }     .ml-33 { margin-left: -33px !important }     .mr-33 { margin-right: -33px !important }     .mt-33 { margin-top: -33px !important }    .mb-33 { margin-bottom: -33px !important }     .dev-h33 { height: 33px !important }   .dev-w33 { width: 33px !important }
.margin34, .m34 { margin: 34px !important }     .ml34 { margin-left: 34px !important }     .mr34 { margin-right: 34px !important }     .mt34 { margin-top: 34px !important }    .mb34 { margin-bottom: 34px !important }      .m-34 { margin: -34px !important }     .ml-34 { margin-left: -34px !important }     .mr-34 { margin-right: -34px !important }     .mt-34 { margin-top: -34px !important }    .mb-34 { margin-bottom: -34px !important }     .dev-h34 { height: 34px !important }   .dev-w34 { width: 34px !important }
.margin35, .m35 { margin: 35px !important }     .ml35 { margin-left: 35px !important }     .mr35 { margin-right: 35px !important }     .mt35 { margin-top: 35px !important }    .mb35 { margin-bottom: 35px !important }      .m-35 { margin: -35px !important }     .ml-35 { margin-left: -35px !important }     .mr-35 { margin-right: -35px !important }     .mt-35 { margin-top: -35px !important }    .mb-35 { margin-bottom: -35px !important }     .dev-h35 { height: 35px !important }   .dev-w35 { width: 35px !important }
.margin36, .m36 { margin: 36px !important }     .ml36 { margin-left: 36px !important }     .mr36 { margin-right: 36px !important }     .mt36 { margin-top: 36px !important }    .mb36 { margin-bottom: 36px !important }      .m-36 { margin: -36px !important }     .ml-36 { margin-left: -36px !important }     .mr-36 { margin-right: -36px !important }     .mt-36 { margin-top: -36px !important }    .mb-36 { margin-bottom: -36px !important }     .dev-h36 { height: 36px !important }   .dev-w36 { width: 36px !important }
.margin37, .m37 { margin: 37px !important }     .ml37 { margin-left: 37px !important }     .mr37 { margin-right: 37px !important }     .mt37 { margin-top: 37px !important }    .mb37 { margin-bottom: 37px !important }      .m-37 { margin: -37px !important }     .ml-37 { margin-left: -37px !important }     .mr-37 { margin-right: -37px !important }     .mt-37 { margin-top: -37px !important }    .mb-37 { margin-bottom: -37px !important }     .dev-h37 { height: 37px !important }   .dev-w37 { width: 37px !important }
.margin38, .m38 { margin: 38px !important }     .ml38 { margin-left: 38px !important }     .mr38 { margin-right: 38px !important }     .mt38 { margin-top: 38px !important }    .mb38 { margin-bottom: 38px !important }      .m-38 { margin: -38px !important }     .ml-38 { margin-left: -38px !important }     .mr-38 { margin-right: -38px !important }     .mt-38 { margin-top: -38px !important }    .mb-38 { margin-bottom: -38px !important }     .dev-h38 { height: 38px !important }   .dev-w38 { width: 38px !important }
.margin39, .m39 { margin: 39px !important }     .ml39 { margin-left: 39px !important }     .mr39 { margin-right: 39px !important }     .mt39 { margin-top: 39px !important }    .mb39 { margin-bottom: 39px !important }      .m-39 { margin: -39px !important }     .ml-39 { margin-left: -39px !important }     .mr-39 { margin-right: -39px !important }     .mt-39 { margin-top: -39px !important }    .mb-39 { margin-bottom: -39px !important }     .dev-h39 { height: 39px !important }   .dev-w39 { width: 39px !important }
.margin40, .m40 { margin: 40px !important }     .ml40 { margin-left: 40px !important }     .mr40 { margin-right: 40px !important }     .mt40 { margin-top: 40px !important }    .mb40 { margin-bottom: 40px !important }      .m-40 { margin: -40px !important }     .ml-40 { margin-left: -40px !important }     .mr-40 { margin-right: -40px !important }     .mt-40 { margin-top: -40px !important }    .mb-40 { margin-bottom: -40px !important }     .dev-h40 { height: 40px !important }   .dev-w40 { width: 40px !important }
.margin41, .m41 { margin: 41px !important }     .ml41 { margin-left: 41px !important }     .mr41 { margin-right: 41px !important }     .mt41 { margin-top: 41px !important }    .mb41 { margin-bottom: 41px !important }      .m-41 { margin: -41px !important }     .ml-41 { margin-left: -41px !important }     .mr-41 { margin-right: -41px !important }     .mt-41 { margin-top: -41px !important }    .mb-41 { margin-bottom: -41px !important }     .dev-h41 { height: 41px !important }   .dev-w41 { width: 41px !important }
.margin42, .m42 { margin: 42px !important }     .ml42 { margin-left: 42px !important }     .mr42 { margin-right: 42px !important }     .mt42 { margin-top: 42px !important }    .mb42 { margin-bottom: 42px !important }      .m-42 { margin: -42px !important }     .ml-42 { margin-left: -42px !important }     .mr-42 { margin-right: -42px !important }     .mt-42 { margin-top: -42px !important }    .mb-42 { margin-bottom: -42px !important }     .dev-h42 { height: 42px !important }   .dev-w42 { width: 42px !important }
.margin43, .m43 { margin: 43px !important }     .ml43 { margin-left: 43px !important }     .mr43 { margin-right: 43px !important }     .mt43 { margin-top: 43px !important }    .mb43 { margin-bottom: 43px !important }      .m-43 { margin: -43px !important }     .ml-43 { margin-left: -43px !important }     .mr-43 { margin-right: -43px !important }     .mt-43 { margin-top: -43px !important }    .mb-43 { margin-bottom: -43px !important }     .dev-h43 { height: 43px !important }   .dev-w43 { width: 43px !important }
.margin44, .m44 { margin: 44px !important }     .ml44 { margin-left: 44px !important }     .mr44 { margin-right: 44px !important }     .mt44 { margin-top: 44px !important }    .mb44 { margin-bottom: 44px !important }      .m-44 { margin: -44px !important }     .ml-44 { margin-left: -44px !important }     .mr-44 { margin-right: -44px !important }     .mt-44 { margin-top: -44px !important }    .mb-44 { margin-bottom: -44px !important }     .dev-h44 { height: 44px !important }   .dev-w44 { width: 44px !important }
.margin45, .m45 { margin: 45px !important }     .ml45 { margin-left: 45px !important }     .mr45 { margin-right: 45px !important }     .mt45 { margin-top: 45px !important }    .mb45 { margin-bottom: 45px !important }      .m-45 { margin: -45px !important }     .ml-45 { margin-left: -45px !important }     .mr-45 { margin-right: -45px !important }     .mt-45 { margin-top: -45px !important }    .mb-45 { margin-bottom: -45px !important }     .dev-h45 { height: 45px !important }   .dev-w45 { width: 45px !important }
.margin46, .m46 { margin: 46px !important }     .ml46 { margin-left: 46px !important }     .mr46 { margin-right: 46px !important }     .mt46 { margin-top: 46px !important }    .mb46 { margin-bottom: 46px !important }      .m-46 { margin: -46px !important }     .ml-46 { margin-left: -46px !important }     .mr-46 { margin-right: -46px !important }     .mt-46 { margin-top: -46px !important }    .mb-46 { margin-bottom: -46px !important }     .dev-h46 { height: 46px !important }   .dev-w46 { width: 46px !important }
.margin47, .m47 { margin: 47px !important }     .ml47 { margin-left: 47px !important }     .mr47 { margin-right: 47px !important }     .mt47 { margin-top: 47px !important }    .mb47 { margin-bottom: 47px !important }      .m-47 { margin: -47px !important }     .ml-47 { margin-left: -47px !important }     .mr-47 { margin-right: -47px !important }     .mt-47 { margin-top: -47px !important }    .mb-47 { margin-bottom: -47px !important }     .dev-h47 { height: 47px !important }   .dev-w47 { width: 47px !important }
.margin48, .m48 { margin: 48px !important }     .ml48 { margin-left: 48px !important }     .mr48 { margin-right: 48px !important }     .mt48 { margin-top: 48px !important }    .mb48 { margin-bottom: 48px !important }      .m-48 { margin: -48px !important }     .ml-48 { margin-left: -48px !important }     .mr-48 { margin-right: -48px !important }     .mt-48 { margin-top: -48px !important }    .mb-48 { margin-bottom: -48px !important }     .dev-h48 { height: 48px !important }   .dev-w48 { width: 48px !important }
.margin49, .m49 { margin: 49px !important }     .ml49 { margin-left: 49px !important }     .mr49 { margin-right: 49px !important }     .mt49 { margin-top: 49px !important }    .mb49 { margin-bottom: 49px !important }      .m-49 { margin: -49px !important }     .ml-49 { margin-left: -49px !important }     .mr-49 { margin-right: -49px !important }     .mt-49 { margin-top: -49px !important }    .mb-49 { margin-bottom: -49px !important }     .dev-h49 { height: 49px !important }   .dev-w49 { width: 49px !important }
.margin50, .m50 { margin: 50px !important }     .ml50 { margin-left: 50px !important }     .mr50 { margin-right: 50px !important }     .mt50 { margin-top: 50px !important }    .mb50 { margin-bottom: 50px !important }      .m-50 { margin: -50px !important }     .ml-50 { margin-left: -50px !important }     .mr-50 { margin-right: -50px !important }     .mt-50 { margin-top: -50px !important }    .mb-50 { margin-bottom: -50px !important }     .dev-h50 { height: 50px !important }   .dev-w50 { width: 50px !important }
.margin55, .m55 { margin: 55px !important }     .ml55 { margin-left: 55px !important }     .mr55 { margin-right: 55px !important }     .mt55 { margin-top: 55px !important }    .mb55 { margin-bottom: 55px !important }      .m-55 { margin: -55px !important }     .ml-55 { margin-left: -55px !important }     .mr-55 { margin-right: -55px !important }     .mt-55 { margin-top: -55px !important }    .mb-55 { margin-bottom: -55px !important }     .dev-h55 { height: 55px !important }   .dev-w55 { width: 55px !important }
.margin60, .m60 { margin: 60px !important }     .ml60 { margin-left: 60px !important }     .mr60 { margin-right: 60px !important }     .mt60 { margin-top: 60px !important }    .mb60 { margin-bottom: 60px !important }      .m-60 { margin: -60px !important }     .ml-60 { margin-left: -60px !important }     .mr-60 { margin-right: -60px !important }     .mt-60 { margin-top: -60px !important }    .mb-60 { margin-bottom: -60px !important }     .dev-h60 { height: 60px !important }   .dev-w60 { width: 60px !important }
.margin65, .m65 { margin: 65px !important }     .ml65 { margin-left: 65px !important }     .mr65 { margin-right: 65px !important }     .mt65 { margin-top: 65px !important }    .mb65 { margin-bottom: 65px !important }      .m-65 { margin: -65px !important }     .ml-65 { margin-left: -65px !important }     .mr-65 { margin-right: -65px !important }     .mt-65 { margin-top: -65px !important }    .mb-65 { margin-bottom: -65px !important }     .dev-h65 { height: 65px !important }   .dev-w65 { width: 65px !important }
.margin70, .m70 { margin: 70px !important }     .ml70 { margin-left: 70px !important }     .mr70 { margin-right: 70px !important }     .mt70 { margin-top: 70px !important }    .mb70 { margin-bottom: 70px !important }      .m-70 { margin: -70px !important }     .ml-70 { margin-left: -70px !important }     .mr-70 { margin-right: -70px !important }     .mt-70 { margin-top: -70px !important }    .mb-70 { margin-bottom: -70px !important }     .dev-h70 { height: 70px !important }   .dev-w70 { width: 70px !important }
.margin75, .m75 { margin: 75px !important }     .ml75 { margin-left: 75px !important }     .mr75 { margin-right: 75px !important }     .mt75 { margin-top: 75px !important }    .mb75 { margin-bottom: 75px !important }      .m-75 { margin: -75px !important }     .ml-75 { margin-left: -75px !important }     .mr-75 { margin-right: -75px !important }     .mt-75 { margin-top: -75px !important }    .mb-75 { margin-bottom: -75px !important }     .dev-h75 { height: 75px !important }   .dev-w75 { width: 75px !important }
.margin80, .m80 { margin: 80px !important }     .ml80 { margin-left: 80px !important }     .mr80 { margin-right: 80px !important }     .mt80 { margin-top: 80px !important }    .mb80 { margin-bottom: 80px !important }      .m-80 { margin: -80px !important }     .ml-80 { margin-left: -80px !important }     .mr-80 { margin-right: -80px !important }     .mt-80 { margin-top: -80px !important }    .mb-80 { margin-bottom: -80px !important }     .dev-h80 { height: 80px !important }   .dev-w80 { width: 80px !important }

.noPadding, .nopadding { padding: 0 !important }
.padding0 , .p0  { padding: 0    !important }    .pl0  { padding-left: 0    !important }    .pr0  { padding-right: 0    !important }    .pt0  { padding-top: 0    !important }   .pb0  { padding-bottom: 0    !important }
.padding1 , .p1  { padding: 1px  !important }    .pl1  { padding-left: 1px  !important }    .pr1  { padding-right: 1px  !important }    .pt1  { padding-top: 1px  !important }   .pb1  { padding-bottom: 1px  !important }
.padding2 , .p2  { padding: 2px  !important }    .pl2  { padding-left: 2px  !important }    .pr2  { padding-right: 2px  !important }    .pt2  { padding-top: 2px  !important }   .pb2  { padding-bottom: 2px  !important }
.padding3 , .p3  { padding: 3px  !important }    .pl3  { padding-left: 3px  !important }    .pr3  { padding-right: 3px  !important }    .pt3  { padding-top: 3px  !important }   .pb3  { padding-bottom: 3px  !important }
.padding4 , .p4  { padding: 4px  !important }    .pl4  { padding-left: 4px  !important }    .pr4  { padding-right: 4px  !important }    .pt4  { padding-top: 4px  !important }   .pb4  { padding-bottom: 4px  !important }
.padding5 , .p5  { padding: 5px  !important }    .pl5  { padding-left: 5px  !important }    .pr5  { padding-right: 5px  !important }    .pt5  { padding-top: 5px  !important }   .pb5  { padding-bottom: 5px  !important }  
.padding6 , .p6  { padding: 6px  !important }    .pl6  { padding-left: 6px  !important }    .pr6  { padding-right: 6px  !important }    .pt6  { padding-top: 6px  !important }   .pb6  { padding-bottom: 6px  !important }
.padding7 , .p7  { padding: 7px  !important }    .pl7  { padding-left: 7px  !important }    .pr7  { padding-right: 7px  !important }    .pt7  { padding-top: 7px  !important }   .pb7  { padding-bottom: 7px  !important }
.padding8 , .p8  { padding: 8px  !important }    .pl8  { padding-left: 8px  !important }    .pr8  { padding-right: 8px  !important }    .pt8  { padding-top: 8px  !important }   .pb8  { padding-bottom: 8px  !important }
.padding9 , .p9  { padding: 9px  !important }    .pl9  { padding-left: 9px  !important }    .pr9  { padding-right: 9px  !important }    .pt9  { padding-top: 9px  !important }   .pb9  { padding-bottom: 9px  !important }
.padding10, .p10 { padding: 10px !important }    .pl10 { padding-left: 10px !important }    .pr10 { padding-right: 10px !important }    .pt10 { padding-top: 10px !important }   .pb10 { padding-bottom: 10px !important }
.padding11, .p11 { padding: 11px !important }    .pl11 { padding-left: 11px !important }    .pr11 { padding-right: 11px !important }    .pt11 { padding-top: 11px !important }   .pb11 { padding-bottom: 11px !important }
.padding12, .p12 { padding: 12px !important }    .pl12 { padding-left: 12px !important }    .pr12 { padding-right: 12px !important }    .pt12 { padding-top: 12px !important }   .pb12 { padding-bottom: 12px !important }
.padding13, .p13 { padding: 13px !important }    .pl13 { padding-left: 13px !important }    .pr13 { padding-right: 13px !important }    .pt13 { padding-top: 13px !important }   .pb13 { padding-bottom: 13px !important }
.padding14, .p14 { padding: 14px !important }    .pl14 { padding-left: 14px !important }    .pr14 { padding-right: 14px !important }    .pt14 { padding-top: 14px !important }   .pb14 { padding-bottom: 14px !important }
.padding15, .p15 { padding: 15px !important }    .pl15 { padding-left: 15px !important }    .pr15 { padding-right: 15px !important }    .pt15 { padding-top: 15px !important }   .pb15 { padding-bottom: 15px !important }
.padding16, .p16 { padding: 16px !important }    .pl16 { padding-left: 16px !important }    .pr16 { padding-right: 16px !important }    .pt16 { padding-top: 16px !important }   .pb16 { padding-bottom: 16px !important }
.padding17, .p17 { padding: 17px !important }    .pl17 { padding-left: 17px !important }    .pr17 { padding-right: 17px !important }    .pt17 { padding-top: 17px !important }   .pb17 { padding-bottom: 17px !important }
.padding18, .p18 { padding: 18px !important }    .pl18 { padding-left: 18px !important }    .pr18 { padding-right: 18px !important }    .pt18 { padding-top: 18px !important }   .pb18 { padding-bottom: 18px !important }
.padding19, .p19 { padding: 19px !important }    .pl19 { padding-left: 19px !important }    .pr19 { padding-right: 19px !important }    .pt19 { padding-top: 19px !important }   .pb19 { padding-bottom: 19px !important }
.padding20, .p20 { padding: 20px !important }    .pl20 { padding-left: 20px !important }    .pr20 { padding-right: 20px !important }    .pt20 { padding-top: 20px !important }   .pb20 { padding-bottom: 20px !important }
.padding21, .p21 { padding: 21px !important }    .pl21 { padding-left: 21px !important }    .pr21 { padding-right: 21px !important }    .pt21 { padding-top: 21px !important }   .pb21 { padding-bottom: 21px !important }
.padding22, .p22 { padding: 22px !important }    .pl22 { padding-left: 22px !important }    .pr22 { padding-right: 22px !important }    .pt22 { padding-top: 22px !important }   .pb22 { padding-bottom: 22px !important }
.padding23, .p23 { padding: 23px !important }    .pl23 { padding-left: 23px !important }    .pr23 { padding-right: 23px !important }    .pt23 { padding-top: 23px !important }   .pb23 { padding-bottom: 23px !important }
.padding24, .p24 { padding: 24px !important }    .pl24 { padding-left: 24px !important }    .pr24 { padding-right: 24px !important }    .pt24 { padding-top: 24px !important }   .pb24 { padding-bottom: 24px !important }
.padding25, .p25 { padding: 25px !important }    .pl25 { padding-left: 25px !important }    .pr25 { padding-right: 25px !important }    .pt25 { padding-top: 25px !important }   .pb25 { padding-bottom: 25px !important }
.padding26, .p26 { padding: 26px !important }    .pl26 { padding-left: 26px !important }    .pr26 { padding-right: 26px !important }    .pt26 { padding-top: 26px !important }   .pb26 { padding-bottom: 26px !important }
.padding27, .p27 { padding: 27px !important }    .pl27 { padding-left: 27px !important }    .pr27 { padding-right: 27px !important }    .pt27 { padding-top: 27px !important }   .pb27 { padding-bottom: 27px !important }
.padding28, .p28 { padding: 28px !important }    .pl28 { padding-left: 28px !important }    .pr28 { padding-right: 28px !important }    .pt28 { padding-top: 28px !important }   .pb28 { padding-bottom: 28px !important }
.padding29, .p29 { padding: 29px !important }    .pl29 { padding-left: 29px !important }    .pr29 { padding-right: 29px !important }    .pt29 { padding-top: 29px !important }   .pb29 { padding-bottom: 29px !important }
.padding30, .p30 { padding: 30px !important }    .pl30 { padding-left: 30px !important }    .pr30 { padding-right: 30px !important }    .pt30 { padding-top: 30px !important }   .pb30 { padding-bottom: 30px !important }
.padding31, .p31 { padding: 31px !important }    .pl31 { padding-left: 31px !important }    .pr31 { padding-right: 31px !important }    .pt31 { padding-top: 31px !important }   .pb31 { padding-bottom: 31px !important }
.padding32, .p32 { padding: 32px !important }    .pl32 { padding-left: 32px !important }    .pr32 { padding-right: 32px !important }    .pt32 { padding-top: 32px !important }   .pb32 { padding-bottom: 32px !important }
.padding33, .p33 { padding: 33px !important }    .pl33 { padding-left: 33px !important }    .pr33 { padding-right: 33px !important }    .pt33 { padding-top: 33px !important }   .pb33 { padding-bottom: 33px !important }
.padding34, .p34 { padding: 34px !important }    .pl34 { padding-left: 34px !important }    .pr34 { padding-right: 34px !important }    .pt34 { padding-top: 34px !important }   .pb34 { padding-bottom: 34px !important }
.padding35, .p35 { padding: 35px !important }    .pl35 { padding-left: 35px !important }    .pr35 { padding-right: 35px !important }    .pt35 { padding-top: 35px !important }   .pb35 { padding-bottom: 35px !important }
.padding36, .p36 { padding: 36px !important }    .pl36 { padding-left: 36px !important }    .pr36 { padding-right: 36px !important }    .pt36 { padding-top: 36px !important }   .pb36 { padding-bottom: 36px !important }
.padding37, .p37 { padding: 37px !important }    .pl37 { padding-left: 37px !important }    .pr37 { padding-right: 37px !important }    .pt37 { padding-top: 37px !important }   .pb37 { padding-bottom: 37px !important }
.padding38, .p38 { padding: 38px !important }    .pl38 { padding-left: 38px !important }    .pr38 { padding-right: 38px !important }    .pt38 { padding-top: 38px !important }   .pb38 { padding-bottom: 38px !important }
.padding39, .p39 { padding: 39px !important }    .pl39 { padding-left: 39px !important }    .pr39 { padding-right: 39px !important }    .pt39 { padding-top: 39px !important }   .pb39 { padding-bottom: 39px !important }
.padding40, .p40 { padding: 40px !important }    .pl40 { padding-left: 40px !important }    .pr40 { padding-right: 40px !important }    .pt40 { padding-top: 40px !important }   .pb40 { padding-bottom: 40px !important }
.padding41, .p41 { padding: 41px !important }    .pl41 { padding-left: 41px !important }    .pr41 { padding-right: 41px !important }    .pt41 { padding-top: 41px !important }   .pb41 { padding-bottom: 41px !important }
.padding42, .p42 { padding: 42px !important }    .pl42 { padding-left: 42px !important }    .pr42 { padding-right: 42px !important }    .pt42 { padding-top: 42px !important }   .pb42 { padding-bottom: 42px !important }
.padding43, .p43 { padding: 43px !important }    .pl43 { padding-left: 43px !important }    .pr43 { padding-right: 43px !important }    .pt43 { padding-top: 43px !important }   .pb43 { padding-bottom: 43px !important }
.padding44, .p44 { padding: 44px !important }    .pl44 { padding-left: 44px !important }    .pr44 { padding-right: 44px !important }    .pt44 { padding-top: 44px !important }   .pb44 { padding-bottom: 44px !important }
.padding45, .p45 { padding: 45px !important }    .pl45 { padding-left: 45px !important }    .pr45 { padding-right: 45px !important }    .pt45 { padding-top: 45px !important }   .pb45 { padding-bottom: 45px !important }
.padding46, .p46 { padding: 46px !important }    .pl46 { padding-left: 46px !important }    .pr46 { padding-right: 46px !important }    .pt46 { padding-top: 46px !important }   .pb46 { padding-bottom: 46px !important }
.padding47, .p47 { padding: 47px !important }    .pl47 { padding-left: 47px !important }    .pr47 { padding-right: 47px !important }    .pt47 { padding-top: 47px !important }   .pb47 { padding-bottom: 47px !important }
.padding48, .p48 { padding: 48px !important }    .pl48 { padding-left: 48px !important }    .pr48 { padding-right: 48px !important }    .pt48 { padding-top: 48px !important }   .pb48 { padding-bottom: 48px !important }
.padding49, .p49 { padding: 49px !important }    .pl49 { padding-left: 49px !important }    .pr49 { padding-right: 49px !important }    .pt49 { padding-top: 49px !important }   .pb49 { padding-bottom: 49px !important }
.padding50, .p50 { padding: 50px !important }    .pl50 { padding-left: 50px !important }    .pr50 { padding-right: 50px !important }    .pt50 { padding-top: 50px !important }   .pb50 { padding-bottom: 50px !important }
.padding55, .p55 { padding: 55px !important }    .pl55 { padding-left: 55px !important }    .pr55 { padding-right: 55px !important }    .pt55 { padding-top: 55px !important }   .pb55 { padding-bottom: 55px !important }
.padding60, .p60 { padding: 60px !important }    .pl60 { padding-left: 60px !important }    .pr60 { padding-right: 60px !important }    .pt60 { padding-top: 60px !important }   .pb60 { padding-bottom: 60px !important }
.padding65, .p65 { padding: 65px !important }    .pl65 { padding-left: 65px !important }    .pr65 { padding-right: 65px !important }    .pt65 { padding-top: 65px !important }   .pb65 { padding-bottom: 65px !important }
.padding70, .p70 { padding: 70px !important }    .pl70 { padding-left: 70px !important }    .pr70 { padding-right: 70px !important }    .pt70 { padding-top: 70px !important }   .pb70 { padding-bottom: 70px !important }
.padding75, .p75 { padding: 75px !important }    .pl75 { padding-left: 75px !important }    .pr75 { padding-right: 75px !important }    .pt75 { padding-top: 75px !important }   .pb75 { padding-bottom: 75px !important }
.padding80, .p80 { padding: 80px !important }    .pl80 { padding-left: 80px !important }    .pr80 { padding-right: 80px !important }    .pt80 { padding-top: 80px !important }   .pb80 { padding-bottom: 80px !important }

.text-justify { text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; }
.text-center, .textCenter, .centerText, .center-text, .textAlignCenter, .text-align-center { text-align: center; }
.text-right, .textRight, .rightText, .right-text, .textAlignRight, .text-align-right { text-align: right; }
.text-ellipsis, .textEllipsis, .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.overflowHidden, .overflowHide, .overflow { overflow: hidden; }
.overflowHidden-h, .overflowHide-h, .overflow-h { overflow-x: hidden; }
.overflowHidden-v, .overflowHide-v, .overflow-v { overflow-y: hidden; }

.opacity0 , .op0  { opacity:  0 }
.opacity1 , .op1  { opacity: .1 }
.opacity2 , .op2  { opacity: .2 }
.opacity3 , .op3  { opacity: .3 }
.opacity4 , .op4  { opacity: .4 }
.opacity5 , .op5  { opacity: .5 }
.opacity6 , .op6  { opacity: .6 }
.opacity7 , .op7  { opacity: .7 }
.opacity8 , .op8  { opacity: .8 }
.opacity9 , .op9  { opacity: .9 }
.opacity10, .op10 { opacity:  1 }

.zoom1 ,  .zm1 , .z1  { zoom: .1  }     .zoom11, .zm11, .z11  { zoom: 1.1  }
.zoom2 ,  .zm2 , .z2  { zoom: .2  }     .zoom12, .zm12, .z12  { zoom: 1.2  }
.zoom3 ,  .zm3 , .z3  { zoom: .3  }     .zoom13, .zm13, .z13  { zoom: 1.3  }
.zoom4 ,  .zm4 , .z4  { zoom: .4  }     .zoom14, .zm14, .z14  { zoom: 1.4  }
.zoom5 ,  .zm5 , .z5  { zoom: .5  }     .zoom15, .zm15, .z15  { zoom: 1.5  }
.zoom6 ,  .zm6 , .z6  { zoom: .6  }     .zoom16, .zm16, .z16  { zoom: 1.6  }
.zoom7 ,  .zm7 , .z7  { zoom: .7  }     .zoom17, .zm17, .z17  { zoom: 1.7  }
.zoom8 ,  .zm8 , .z8  { zoom: .8  }     .zoom18, .zm18, .z18  { zoom: 1.8  }
.zoom9 ,  .zm9 , .z9  { zoom: .9  }     .zoom19, .zm19, .z19  { zoom: 1.9  }
.zoom10,  .zm10, .z10 { zoom:  1  }     .zoom20, .zm20, .z20  { zoom:   2  }

.scale1 , .sc1 , .s1  { scale: .1 }     .scale11, .sc11, .s11 { scale: 1.1 }
.scale2 , .sc2 , .s2  { scale: .2 }     .scale12, .sc12, .s12 { scale: 1.2 }
.scale3 , .sc3 , .s3  { scale: .3 }     .scale13, .sc13, .s13 { scale: 1.3 }
.scale4 , .sc4 , .s4  { scale: .4 }     .scale14, .sc14, .s14 { scale: 1.4 }
.scale5 , .sc5 , .s5  { scale: .5 }     .scale15, .sc15, .s15 { scale: 1.5 }
.scale6 , .sc6 , .s6  { scale: .6 }     .scale16, .sc16, .s16 { scale: 1.6 }
.scale7 , .sc7 , .s7  { scale: .7 }     .scale17, .sc17, .s17 { scale: 1.7 }
.scale8 , .sc8 , .s8  { scale: .8 }     .scale18, .sc18, .s18 { scale: 1.8 }
.scale9 , .sc9 , .s9  { scale: .9 }     .scale19, .sc19, .s19 { scale: 1.9 }
.scale10, .sc10, .s10 { scale:  1 }     .scale20, .sc20, .s20 { scale:   2 }

.nowrap, .dev-nowrap { white-space: nowrap }
.wrap, .text-wrap, .textWrap, .wrapText, .wrap-text { 
  white-space: pre-wrap; 
  word-wrap: break-word; 
  word-break:break-all;
}

.noselect, .noSelect, .unselect, .unSelect { -webkit-user-select: none; user-select: none }
.canselect, .canSelect, .select { -webkit-user-select: text; user-select: text }

.noevent, .noEvent, .unevent, .unEvent { pointer-events: none }
.event, .Event, .allevent, .allEvent, .useevent, .useEvent, .canevent, .canEvent { pointer-events: all }

.font-size-11, .fontSize11, .font11, .f11 { font-size: 12px; }    .fem11 { font-size: 1.1em; }
.font-size-12, .fontSize12, .font12, .f12 { font-size: 12px; }    .fem12 { font-size: 1.2em; }
.font-size-13, .fontSize13, .font13, .f13 { font-size: 13px; }    .fem13 { font-size: 1.3em; }
.font-size-14, .fontSize14, .font14, .f14 { font-size: 14px; }    .fem14 { font-size: 1.4em; }
.font-size-15, .fontSize15, .font15, .f15 { font-size: 15px; }    .fem15 { font-size: 1.5em; }
.font-size-16, .fontSize16, .font16, .f16 { font-size: 16px; }    .fem16 { font-size: 1.6em; }
.font-size-17, .fontSize17, .font17, .f17 { font-size: 17px; }    .fem17 { font-size: 1.7em; }
.font-size-18, .fontSize18, .font18, .f18 { font-size: 18px; }    .fem18 { font-size: 1.8em; }
.font-size-19, .fontSize19, .font19, .f19 { font-size: 19px; }    .fem19 { font-size: 1.9em; }
.font-size-20, .fontSize20, .font20, .f20 { font-size: 20px; }    .fem20 { font-size: 2.0em; }
.font-size-21, .fontSize21, .font21, .f21 { font-size: 21px; }    .fem21 { font-size: 2.1em; }
.font-size-22, .fontSize22, .font22, .f22 { font-size: 22px; }    .fem22 { font-size: 2.2em; }
.font-size-23, .fontSize23, .font23, .f23 { font-size: 23px; }    .fem23 { font-size: 2.3em; }
.font-size-24, .fontSize24, .font24, .f24 { font-size: 24px; }    .fem24 { font-size: 2.4em; }
.font-size-25, .fontSize25, .font25, .f25 { font-size: 25px; }    .fem25 { font-size: 2.5em; }
.font-size-26, .fontSize26, .font26, .f26 { font-size: 26px; }    .fem26 { font-size: 2.6em; }
.font-size-27, .fontSize27, .font27, .f27 { font-size: 27px; }    .fem27 { font-size: 2.7em; }
.font-size-28, .fontSize28, .font28, .f28 { font-size: 28px; }    .fem28 { font-size: 2.8em; }
.font-size-29, .fontSize29, .font29, .f29 { font-size: 29px; }    .fem29 { font-size: 2.9em; }
.font-size-30, .fontSize30, .font30, .f30 { font-size: 30px; }    .fem30 { font-size: 3.0em; }
.font-size-31, .fontSize31, .font31, .f31 { font-size: 31px; }    .fem31 { font-size: 3.1em; }
.font-size-32, .fontSize32, .font32, .f32 { font-size: 32px; }    .fem32 { font-size: 3.2em; }
.font-size-33, .fontSize33, .font33, .f33 { font-size: 33px; }    .fem33 { font-size: 3.3em; }
.font-size-34, .fontSize34, .font34, .f34 { font-size: 34px; }    .fem34 { font-size: 3.4em; }
.font-size-35, .fontSize35, .font35, .f35 { font-size: 35px; }    .fem35 { font-size: 3.5em; }
.font-size-36, .fontSize36, .font36, .f36 { font-size: 36px; }    .fem36 { font-size: 3.6em; }
.font-size-37, .fontSize37, .font37, .f37 { font-size: 37px; }    .fem37 { font-size: 3.7em; }
.font-size-38, .fontSize38, .font38, .f38 { font-size: 38px; }    .fem38 { font-size: 3.8em; }
.font-size-39, .fontSize39, .font39, .f39 { font-size: 39px; }    .fem39 { font-size: 3.9em; }
.font-size-30, .fontSize30, .font30, .f30 { font-size: 30px; }    .fem30 { font-size: 3.0em; }
.font-size-31, .fontSize31, .font31, .f31 { font-size: 31px; }    .fem31 { font-size: 3.1em; }
.font-size-32, .fontSize32, .font32, .f32 { font-size: 32px; }    .fem32 { font-size: 3.2em; }
.font-size-33, .fontSize33, .font33, .f33 { font-size: 33px; }    .fem33 { font-size: 3.3em; }
.font-size-34, .fontSize34, .font34, .f34 { font-size: 34px; }    .fem34 { font-size: 3.4em; }
.font-size-35, .fontSize35, .font35, .f35 { font-size: 35px; }    .fem35 { font-size: 3.5em; }
.font-size-36, .fontSize36, .font36, .f36 { font-size: 36px; }    .fem36 { font-size: 3.6em; }
.font-size-37, .fontSize37, .font37, .f37 { font-size: 37px; }    .fem37 { font-size: 3.7em; }
.font-size-38, .fontSize38, .font38, .f38 { font-size: 38px; }    .fem38 { font-size: 3.8em; }
.font-size-39, .fontSize39, .font39, .f39 { font-size: 39px; }    .fem39 { font-size: 3.9em; }
.font-size-40, .fontSize40, .font40, .f40 { font-size: 40px; }    .fem40 { font-size: 4.0em; }
.font-size-41, .fontSize41, .font41, .f41 { font-size: 41px; }    .fem41 { font-size: 4.1em; }
.font-size-42, .fontSize42, .font42, .f42 { font-size: 42px; }    .fem42 { font-size: 4.2em; }
.font-size-43, .fontSize43, .font43, .f43 { font-size: 43px; }    .fem43 { font-size: 4.3em; }
.font-size-44, .fontSize44, .font44, .f44 { font-size: 44px; }    .fem44 { font-size: 4.4em; }
.font-size-45, .fontSize45, .font45, .f45 { font-size: 45px; }    .fem45 { font-size: 4.5em; }
.font-size-46, .fontSize46, .font46, .f46 { font-size: 46px; }    .fem46 { font-size: 4.6em; }
.font-size-47, .fontSize47, .font47, .f47 { font-size: 47px; }    .fem47 { font-size: 4.7em; }
.font-size-48, .fontSize48, .font48, .f48 { font-size: 48px; }    .fem48 { font-size: 4.8em; }
.font-size-49, .fontSize49, .font49, .f49 { font-size: 49px; }    .fem49 { font-size: 4.9em; }
.font-size-50, .fontSize50, .font50, .f50 { font-size: 50px; }    .fem50 { font-size: 5.0em; }

.font-default, .font-size-default, .fontSizeDefault, .defaultFontSize, .default-font-size, .font-size-small, .fontSizeSmall, .smallFontSize, .small-font-size { font-size: 12px; }
.font-middle, .font-size-middle, .fontSizeMiddle, .middleFontSize, .middle-font-size { font-size: 15px; }
.font-large, .font-size-large, .fontSizeLarge, .largeFontSize, .large-font-size, .font-size-big, .fontSizeBig, .bigFontSize, .big-font-size { font-size: 18px; }
.font-bold, .fontBold { font-weight: bold; }

.cursorPointer, .cursor-pointer { cursor: pointer }
.cursorDefault, .cursor-default { cursor: default }

.left0 , .l0  { left:  0px }    .right0 , .r0  { right:  0px }    .top0 , .t0  { top:  0px }    .bottom0 , .b0  { bottom:  0px }
.left1 , .l1  { left:  1px }    .right1 , .r1  { right:  1px }    .top1 , .t1  { top:  1px }    .bottom1 , .b1  { bottom:  1px }      .left-1 , .l-1  { left:  -1px }    .right-1 , .r-1  { right:  -1px }    .top-1 , .t-1  { top:  -1px }    .bottom-1 , .b-1  { bottom:  -1px }
.left2 , .l2  { left:  2px }    .right2 , .r2  { right:  2px }    .top2 , .t2  { top:  2px }    .bottom2 , .b2  { bottom:  2px }      .left-2 , .l-2  { left:  -2px }    .right-2 , .r-2  { right:  -2px }    .top-2 , .t-2  { top:  -2px }    .bottom-2 , .b-2  { bottom:  -2px }
.left3 , .l3  { left:  3px }    .right3 , .r3  { right:  3px }    .top3 , .t3  { top:  3px }    .bottom3 , .b3  { bottom:  3px }      .left-3 , .l-3  { left:  -3px }    .right-3 , .r-3  { right:  -3px }    .top-3 , .t-3  { top:  -3px }    .bottom-3 , .b-3  { bottom:  -3px }
.left4 , .l4  { left:  4px }    .right4 , .r4  { right:  4px }    .top4 , .t4  { top:  4px }    .bottom4 , .b4  { bottom:  4px }      .left-4 , .l-4  { left:  -4px }    .right-4 , .r-4  { right:  -4px }    .top-4 , .t-4  { top:  -4px }    .bottom-4 , .b-4  { bottom:  -4px }
.left5 , .l5  { left:  5px }    .right5 , .r5  { right:  5px }    .top5 , .t5  { top:  5px }    .bottom5 , .b5  { bottom:  5px }      .left-5 , .l-5  { left:  -5px }    .right-5 , .r-5  { right:  -5px }    .top-5 , .t-5  { top:  -5px }    .bottom-5 , .b-5  { bottom:  -5px }
.left6 , .l6  { left:  6px }    .right6 , .r6  { right:  6px }    .top6 , .t6  { top:  6px }    .bottom6 , .b6  { bottom:  6px }      .left-6 , .l-6  { left:  -6px }    .right-6 , .r-6  { right:  -6px }    .top-6 , .t-6  { top:  -6px }    .bottom-6 , .b-6  { bottom:  -6px }
.left7 , .l7  { left:  7px }    .right7 , .r7  { right:  7px }    .top7 , .t7  { top:  7px }    .bottom7 , .b7  { bottom:  7px }      .left-7 , .l-7  { left:  -7px }    .right-7 , .r-7  { right:  -7px }    .top-7 , .t-7  { top:  -7px }    .bottom-7 , .b-7  { bottom:  -7px }
.left8 , .l8  { left:  8px }    .right8 , .r8  { right:  8px }    .top8 , .t8  { top:  8px }    .bottom8 , .b8  { bottom:  8px }      .left-8 , .l-8  { left:  -8px }    .right-8 , .r-8  { right:  -8px }    .top-8 , .t-8  { top:  -8px }    .bottom-8 , .b-8  { bottom:  -8px }
.left9 , .l9  { left:  9px }    .right9 , .r9  { right:  9px }    .top9 , .t9  { top:  9px }    .bottom9 , .b9  { bottom:  9px }      .left-9 , .l-9  { left:  -9px }    .right-9 , .r-9  { right:  -9px }    .top-9 , .t-9  { top:  -9px }    .bottom-9 , .b-9  { bottom:  -9px }
.left10, .l10 { left: 10px }    .right10, .r10 { right: 10px }    .top10, .t10 { top: 10px }    .bottom10, .b10 { bottom: 10px }      .left-10, .l-10 { left: -10px }    .right-10, .r-10 { right: -10px }    .top-10, .t-10 { top: -10px }    .bottom-10, .b-10 { bottom: -10px }
.left11, .l11 { left: 11px }    .right11, .r11 { right: 11px }    .top11, .t11 { top: 11px }    .bottom11, .b11 { bottom: 11px }      .left-11, .l-11 { left: -11px }    .right-11, .r-11 { right: -11px }    .top-11, .t-11 { top: -11px }    .bottom-11, .b-11 { bottom: -11px }
.left12, .l12 { left: 12px }    .right12, .r12 { right: 12px }    .top12, .t12 { top: 12px }    .bottom12, .b12 { bottom: 12px }      .left-12, .l-12 { left: -12px }    .right-12, .r-12 { right: -12px }    .top-12, .t-12 { top: -12px }    .bottom-12, .b-12 { bottom: -12px }
.left13, .l13 { left: 13px }    .right13, .r13 { right: 13px }    .top13, .t13 { top: 13px }    .bottom13, .b13 { bottom: 13px }      .left-13, .l-13 { left: -13px }    .right-13, .r-13 { right: -13px }    .top-13, .t-13 { top: -13px }    .bottom-13, .b-13 { bottom: -13px }
.left14, .l14 { left: 14px }    .right14, .r14 { right: 14px }    .top14, .t14 { top: 14px }    .bottom14, .b14 { bottom: 14px }      .left-14, .l-14 { left: -14px }    .right-14, .r-14 { right: -14px }    .top-14, .t-14 { top: -14px }    .bottom-14, .b-14 { bottom: -14px }
.left15, .l15 { left: 15px }    .right15, .r15 { right: 15px }    .top15, .t15 { top: 15px }    .bottom15, .b15 { bottom: 15px }      .left-15, .l-15 { left: -15px }    .right-15, .r-15 { right: -15px }    .top-15, .t-15 { top: -15px }    .bottom-15, .b-15 { bottom: -15px }
.left16, .l16 { left: 16px }    .right16, .r16 { right: 16px }    .top16, .t16 { top: 16px }    .bottom16, .b16 { bottom: 16px }      .left-16, .l-16 { left: -16px }    .right-16, .r-16 { right: -16px }    .top-16, .t-16 { top: -16px }    .bottom-16, .b-16 { bottom: -16px }
.left17, .l17 { left: 17px }    .right17, .r17 { right: 17px }    .top17, .t17 { top: 17px }    .bottom17, .b17 { bottom: 17px }      .left-17, .l-17 { left: -17px }    .right-17, .r-17 { right: -17px }    .top-17, .t-17 { top: -17px }    .bottom-17, .b-17 { bottom: -17px }
.left18, .l18 { left: 18px }    .right18, .r18 { right: 18px }    .top18, .t18 { top: 18px }    .bottom18, .b18 { bottom: 18px }      .left-18, .l-18 { left: -18px }    .right-18, .r-18 { right: -18px }    .top-18, .t-18 { top: -18px }    .bottom-18, .b-18 { bottom: -18px }
.left19, .l19 { left: 19px }    .right19, .r19 { right: 19px }    .top19, .t19 { top: 19px }    .bottom19, .b19 { bottom: 19px }      .left-19, .l-19 { left: -19px }    .right-19, .r-19 { right: -19px }    .top-19, .t-19 { top: -19px }    .bottom-19, .b-19 { bottom: -19px }
.left20, .l20 { left: 20px }    .right20, .r20 { right: 20px }    .top20, .t20 { top: 20px }    .bottom20, .b20 { bottom: 20px }      .left-20, .l-20 { left: -20px }    .right-20, .r-20 { right: -20px }    .top-20, .t-20 { top: -20px }    .bottom-20, .b-20 { bottom: -20px }
.left21, .l21 { left: 21px }    .right21, .r21 { right: 21px }    .top21, .t21 { top: 21px }    .bottom21, .b21 { bottom: 21px }      .left-21, .l-21 { left: -21px }    .right-21, .r-21 { right: -21px }    .top-21, .t-21 { top: -21px }    .bottom-21, .b-21 { bottom: -21px }
.left22, .l22 { left: 22px }    .right22, .r22 { right: 22px }    .top22, .t22 { top: 22px }    .bottom22, .b22 { bottom: 22px }      .left-22, .l-22 { left: -22px }    .right-22, .r-22 { right: -22px }    .top-22, .t-22 { top: -22px }    .bottom-22, .b-22 { bottom: -22px }
.left23, .l23 { left: 23px }    .right23, .r23 { right: 23px }    .top23, .t23 { top: 23px }    .bottom23, .b23 { bottom: 23px }      .left-23, .l-23 { left: -23px }    .right-23, .r-23 { right: -23px }    .top-23, .t-23 { top: -23px }    .bottom-23, .b-23 { bottom: -23px }
.left24, .l24 { left: 24px }    .right24, .r24 { right: 24px }    .top24, .t24 { top: 24px }    .bottom24, .b24 { bottom: 24px }      .left-24, .l-24 { left: -24px }    .right-24, .r-24 { right: -24px }    .top-24, .t-24 { top: -24px }    .bottom-24, .b-24 { bottom: -24px }
.left25, .l25 { left: 25px }    .right25, .r25 { right: 25px }    .top25, .t25 { top: 25px }    .bottom25, .b25 { bottom: 25px }      .left-25, .l-25 { left: -25px }    .right-25, .r-25 { right: -25px }    .top-25, .t-25 { top: -25px }    .bottom-25, .b-25 { bottom: -25px }
.left26, .l26 { left: 26px }    .right26, .r26 { right: 26px }    .top26, .t26 { top: 26px }    .bottom26, .b26 { bottom: 26px }      .left-26, .l-26 { left: -26px }    .right-26, .r-26 { right: -26px }    .top-26, .t-26 { top: -26px }    .bottom-26, .b-26 { bottom: -26px }
.left27, .l27 { left: 27px }    .right27, .r27 { right: 27px }    .top27, .t27 { top: 27px }    .bottom27, .b27 { bottom: 27px }      .left-27, .l-27 { left: -27px }    .right-27, .r-27 { right: -27px }    .top-27, .t-27 { top: -27px }    .bottom-27, .b-27 { bottom: -27px }
.left28, .l28 { left: 28px }    .right28, .r28 { right: 28px }    .top28, .t28 { top: 28px }    .bottom28, .b28 { bottom: 28px }      .left-28, .l-28 { left: -28px }    .right-28, .r-28 { right: -28px }    .top-28, .t-28 { top: -28px }    .bottom-28, .b-28 { bottom: -28px }
.left29, .l29 { left: 29px }    .right29, .r29 { right: 29px }    .top29, .t29 { top: 29px }    .bottom29, .b29 { bottom: 29px }      .left-29, .l-29 { left: -29px }    .right-29, .r-29 { right: -29px }    .top-29, .t-29 { top: -29px }    .bottom-29, .b-29 { bottom: -29px }
.left30, .l30 { left: 30px }    .right30, .r30 { right: 30px }    .top30, .t30 { top: 30px }    .bottom30, .b30 { bottom: 30px }      .left-30, .l-30 { left: -30px }    .right-30, .r-30 { right: -30px }    .top-30, .t-30 { top: -30px }    .bottom-30, .b-30 { bottom: -30px }
.left31, .l31 { left: 31px }    .right31, .r31 { right: 31px }    .top31, .t31 { top: 31px }    .bottom31, .b31 { bottom: 31px }      .left-31, .l-31 { left: -31px }    .right-31, .r-31 { right: -31px }    .top-31, .t-31 { top: -31px }    .bottom-31, .b-31 { bottom: -31px }
.left32, .l32 { left: 32px }    .right32, .r32 { right: 32px }    .top32, .t32 { top: 32px }    .bottom32, .b32 { bottom: 32px }      .left-32, .l-32 { left: -32px }    .right-32, .r-32 { right: -32px }    .top-32, .t-32 { top: -32px }    .bottom-32, .b-32 { bottom: -32px }
.left33, .l33 { left: 33px }    .right33, .r33 { right: 33px }    .top33, .t33 { top: 33px }    .bottom33, .b33 { bottom: 33px }      .left-33, .l-33 { left: -33px }    .right-33, .r-33 { right: -33px }    .top-33, .t-33 { top: -33px }    .bottom-33, .b-33 { bottom: -33px }
.left34, .l34 { left: 34px }    .right34, .r34 { right: 34px }    .top34, .t34 { top: 34px }    .bottom34, .b34 { bottom: 34px }      .left-34, .l-34 { left: -34px }    .right-34, .r-34 { right: -34px }    .top-34, .t-34 { top: -34px }    .bottom-34, .b-34 { bottom: -34px }
.left35, .l35 { left: 35px }    .right35, .r35 { right: 35px }    .top35, .t35 { top: 35px }    .bottom35, .b35 { bottom: 35px }      .left-35, .l-35 { left: -35px }    .right-35, .r-35 { right: -35px }    .top-35, .t-35 { top: -35px }    .bottom-35, .b-35 { bottom: -35px }
.left36, .l36 { left: 36px }    .right36, .r36 { right: 36px }    .top36, .t36 { top: 36px }    .bottom36, .b36 { bottom: 36px }      .left-36, .l-36 { left: -36px }    .right-36, .r-36 { right: -36px }    .top-36, .t-36 { top: -36px }    .bottom-36, .b-36 { bottom: -36px }
.left37, .l37 { left: 37px }    .right37, .r37 { right: 37px }    .top37, .t37 { top: 37px }    .bottom37, .b37 { bottom: 37px }      .left-37, .l-37 { left: -37px }    .right-37, .r-37 { right: -37px }    .top-37, .t-37 { top: -37px }    .bottom-37, .b-37 { bottom: -37px }
.left38, .l38 { left: 38px }    .right38, .r38 { right: 38px }    .top38, .t38 { top: 38px }    .bottom38, .b38 { bottom: 38px }      .left-38, .l-38 { left: -38px }    .right-38, .r-38 { right: -38px }    .top-38, .t-38 { top: -38px }    .bottom-38, .b-38 { bottom: -38px }
.left39, .l39 { left: 39px }    .right39, .r39 { right: 39px }    .top39, .t39 { top: 39px }    .bottom39, .b39 { bottom: 39px }      .left-39, .l-39 { left: -39px }    .right-39, .r-39 { right: -39px }    .top-39, .t-39 { top: -39px }    .bottom-39, .b-39 { bottom: -39px }
.left40, .l40 { left: 40px }    .right40, .r40 { right: 40px }    .top40, .t40 { top: 40px }    .bottom40, .b40 { bottom: 40px }      .left-40, .l-40 { left: -40px }    .right-40, .r-40 { right: -40px }    .top-40, .t-40 { top: -40px }    .bottom-40, .b-40 { bottom: -40px }
.left41, .l41 { left: 41px }    .right41, .r41 { right: 41px }    .top41, .t41 { top: 41px }    .bottom41, .b41 { bottom: 41px }      .left-41, .l-41 { left: -41px }    .right-41, .r-41 { right: -41px }    .top-41, .t-41 { top: -41px }    .bottom-41, .b-41 { bottom: -41px }
.left42, .l42 { left: 42px }    .right42, .r42 { right: 42px }    .top42, .t42 { top: 42px }    .bottom42, .b42 { bottom: 42px }      .left-42, .l-42 { left: -42px }    .right-42, .r-42 { right: -42px }    .top-42, .t-42 { top: -42px }    .bottom-42, .b-42 { bottom: -42px }
.left43, .l43 { left: 43px }    .right43, .r43 { right: 43px }    .top43, .t43 { top: 43px }    .bottom43, .b43 { bottom: 43px }      .left-43, .l-43 { left: -43px }    .right-43, .r-43 { right: -43px }    .top-43, .t-43 { top: -43px }    .bottom-43, .b-43 { bottom: -43px }
.left44, .l44 { left: 44px }    .right44, .r44 { right: 44px }    .top44, .t44 { top: 44px }    .bottom44, .b44 { bottom: 44px }      .left-44, .l-44 { left: -44px }    .right-44, .r-44 { right: -44px }    .top-44, .t-44 { top: -44px }    .bottom-44, .b-44 { bottom: -44px }
.left45, .l45 { left: 45px }    .right45, .r45 { right: 45px }    .top45, .t45 { top: 45px }    .bottom45, .b45 { bottom: 45px }      .left-45, .l-45 { left: -45px }    .right-45, .r-45 { right: -45px }    .top-45, .t-45 { top: -45px }    .bottom-45, .b-45 { bottom: -45px }
.left46, .l46 { left: 46px }    .right46, .r46 { right: 46px }    .top46, .t46 { top: 46px }    .bottom46, .b46 { bottom: 46px }      .left-46, .l-46 { left: -46px }    .right-46, .r-46 { right: -46px }    .top-46, .t-46 { top: -46px }    .bottom-46, .b-46 { bottom: -46px }
.left47, .l47 { left: 47px }    .right47, .r47 { right: 47px }    .top47, .t47 { top: 47px }    .bottom47, .b47 { bottom: 47px }      .left-47, .l-47 { left: -47px }    .right-47, .r-47 { right: -47px }    .top-47, .t-47 { top: -47px }    .bottom-47, .b-47 { bottom: -47px }
.left48, .l48 { left: 48px }    .right48, .r48 { right: 48px }    .top48, .t48 { top: 48px }    .bottom48, .b48 { bottom: 48px }      .left-48, .l-48 { left: -48px }    .right-48, .r-48 { right: -48px }    .top-48, .t-48 { top: -48px }    .bottom-48, .b-48 { bottom: -48px }
.left49, .l49 { left: 49px }    .right49, .r49 { right: 49px }    .top49, .t49 { top: 49px }    .bottom49, .b49 { bottom: 49px }      .left-49, .l-49 { left: -49px }    .right-49, .r-49 { right: -49px }    .top-49, .t-49 { top: -49px }    .bottom-49, .b-49 { bottom: -49px }
.left50, .l50 { left: 50px }    .right50, .r50 { right: 50px }    .top50, .t50 { top: 50px }    .bottom50, .b50 { bottom: 50px }      .left-50, .l-50 { left: -50px }    .right-50, .r-50 { right: -50px }    .top-50, .t-50 { top: -50px }    .bottom-50, .b-50 { bottom: -50px }
.left55, .l55 { left: 55px }    .right55, .r55 { right: 55px }    .top55, .t55 { top: 55px }    .bottom55, .b55 { bottom: 55px }      .left-55, .l-55 { left: -55px }    .right-55, .r-55 { right: -55px }    .top-55, .t-55 { top: -55px }    .bottom-55, .b-55 { bottom: -55px }
.left60, .l60 { left: 60px }    .right60, .r60 { right: 60px }    .top60, .t60 { top: 60px }    .bottom60, .b60 { bottom: 60px }      .left-60, .l-60 { left: -60px }    .right-60, .r-60 { right: -60px }    .top-60, .t-60 { top: -60px }    .bottom-60, .b-60 { bottom: -60px }
.left65, .l65 { left: 65px }    .right65, .r65 { right: 65px }    .top65, .t65 { top: 65px }    .bottom65, .b65 { bottom: 65px }      .left-65, .l-65 { left: -65px }    .right-65, .r-65 { right: -65px }    .top-65, .t-65 { top: -65px }    .bottom-65, .b-65 { bottom: -65px }
.left70, .l70 { left: 70px }    .right70, .r70 { right: 70px }    .top70, .t70 { top: 70px }    .bottom70, .b70 { bottom: 70px }      .left-70, .l-70 { left: -70px }    .right-70, .r-70 { right: -70px }    .top-70, .t-70 { top: -70px }    .bottom-70, .b-70 { bottom: -70px }
.left75, .l75 { left: 75px }    .right75, .r75 { right: 75px }    .top75, .t75 { top: 75px }    .bottom75, .b75 { bottom: 75px }      .left-75, .l-75 { left: -75px }    .right-75, .r-75 { right: -75px }    .top-75, .t-75 { top: -75px }    .bottom-75, .b-75 { bottom: -75px }
.left80, .l80 { left: 80px }    .right80, .r80 { right: 80px }    .top80, .t80 { top: 80px }    .bottom80, .b80 { bottom: 80px }      .left-80, .l-80 { left: -80px }    .right-80, .r-80 { right: -80px }    .top-80, .t-80 { top: -80px }    .bottom-80, .b-80 { bottom: -80px }

.tp50 { top: 50% }  .bp50 { bottom: 50% }   .lp50 { left: 50% }   .rp50 { right: 50% }

.systemToolButton {
  display: flex;
  font-size: 1em; 
  align-items: center;
  color: white;
  opacity: 0.9;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 6px;

  &:hover {
      background-color: #ffffff30;
  }

  .icon {
      width: 1em;
      height: 1em;
      margin: calc((100% - 1em) / 2);
  }
  .text, span {
      margin-left: 5px;
      font-size: 14px;
      padding-right: 5px;
  }
}

.vditor-outline__item--current {
  background-color: #ebffef;
  border-radius: 5px;
}

.canDragWindow { 
  -webkit-app-region: drag;
  -webkit-user-select: none;
  user-select: none;
}
.unDragWindow { -webkit-app-region: no-drag }

*:focus-visible {
  outline-width: 0 !important;
}

.shadow {
  text-shadow: #000000 1px 1px 2px;
}

.el-input__validateIcon {
  display: none !important;
}

.w-e-scroll {
  min-height: 300px;
}


.el-message {
  z-index: 999999 !important;
}

.dark {
  --theme-color: #303133;
}

.dark .el-input__wrapper {
  background-color: var(--theme-color);
  box-shadow: none;
}

.bg-blue-light {
  background-color: #c7ebff;
}

.el-scrollbar__view {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.el-drawer__header {
  margin-bottom: 0 !important;
}