.mainHeader-Auth {
  height: 69px;
  background: #fff;
  border-bottom: 1px solid #d1d5db;
  padding: 0px 13px 0px 22px;
  position: fixed;
}

.mainHeader-Auth .item {
  width: 33.3333%;
}

.mainHeader-Auth .goToHome {
  color: #727b82;
  border: none;
  border-radius: 12px;
  outline: 1px solid transparent;
  height: 41px;
}

.mainHeader-Auth .goToHome:hover {
  outline: 1px solid rgba(125, 129, 144, 0.25);
  background: rgba(59, 108, 216, 0.05);
  color: #3b6cd8;
}

.mainHeader-Auth .goToHome .imgAct,
.mainHeader-Auth .goToHome:hover .imgInAct {
  display: none;
}

.mainHeader-Auth .goToHome:hover .imgAct {
  display: block;
}

.mainHeader-Auth .logo .imgBx.brd {
  padding-right: 5px;
  border-right: 1px solid #d1d5db;
}

.mainHeader-Auth .logo .tag {
  width: 71px;
  height: 33px;
  border-radius: 10px;
  background: rgba(145, 98, 249, 0.1);
  font-size: 20px;
  color: #9162f9;
}

.auth-mainPage {
  height: calc(100vh - 69px);
  background: #f7f7f9;
}

.auth-mainPage.mPage {
  margin-top: 69px;
  padding: 32px 0px;
}

.auth-mainPage .motionDiv {
  padding: 32px 0px;
}

.motionDiv-setup {
  min-height: 588px;
}

.auth-mainPage.uPage {
  margin-top: 0px;
  padding: 40px 0px;
}

.auth-mainPage .outBoxPar {
  border-radius: 20px;
  border: 1px solid #d1d5db;
  background: #fff;
  min-height: 270px;
}

.auth-mainPage .outBoxPar .lftBx {
  width: 510px;
}

.auth-mainPage .outBoxPar .rgtBx-pp {
  height: 0px;
  width: 0px;
  opacity: 0;
}

.auth-mainPage .outBoxPar .rgtBx-pp.show .outBx {
  border-left: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.04) 0%,
      rgba(59, 108, 216, 0.04) 100%
    ),
    #fff;
  padding: 40px;
}

.auth-mainPage .outBoxPar .rgtBx-pp.show {
  height: 100%;

  width: 704px;
  opacity: 1;
}

.auth-mainPage .outBoxPar .rgtBx-pp .close {
  top: 25px;
  right: 25px;
}

.auth-mainPage .outBox,
.auth-mainPage .outBox-beta {
  width: 510px;
  border-radius: 15px;
  border: 1px solid #d1d5db;
  background: #fff;
  min-height: 270px;
}

.auth-mainPage .outBox-beta {
  background: linear-gradient(
      0deg,
      rgba(145, 98, 249, 0.03) 0%,
      rgba(145, 98, 249, 0.03) 100%
    ),
    #fff;
  min-height: 85px;
  height: 85px;
  padding: 22px 25px;
}

.auth-mainPage .outBoxPar .navBox {
  height: 37px;
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

.auth-mainPage .innerBox .head,
.auth-mainPage .innerBox .inpBody {
  padding: 25px;
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

.auth-mainPage .innerBox .inpBody {
  min-height: 206px;
}

.auth-mainPage .innerBox .inpBody.minHg356 {
  min-height: 356px !important;
}

.auth-mainPage .innerBox .inpBody.minHg276 {
  min-height: 276px !important;
}

.auth-mainPage .innerBox .inpBody.invCode {
  min-height: 136px;
}

.auth-mainPage .innerBox .inpBody.setupOrg {
  min-height: 401px;
}

.auth-mainPage .innerBox .inpBody.setupOrgN {
  min-height: 336px;
}

.auth-mainPage .innerBox .head {
  gap: 18px;
}

.auth-mainPage .innerBox .head h6 {
  color: #1a1a1a;
  letter-spacing: -0.36px;
}

.auth-mainPage .innerBox .head p {
  color: #4b5563;
}

.auth-mainPage .innerBox .head .icBox {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
}

.auth-mainPage .innerBox .head .icBox.dng {
  background: linear-gradient(
      0deg,
      rgba(239, 38, 38, 0.02) 0%,
      rgba(239, 38, 38, 0.02) 100%
    ),
    #fff;
}

.inputBox-auth .labelMn {
  color: #1a1a1a;
  letter-spacing: -0.13px;
}

.inputBox-auth .inputGp {
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #fff;
  height: 48px;
}

/* .inputBox-auth .inputGp {
  height: 48px;
} */

.inputBox-auth .inputGp .imgLogo {
  width: 36px;
  height: 36px;
  min-width: 36px;
  background: #fff;
  border-radius: 5px;
  padding: 2px;
}

.inputBox-auth .w300 {
  width: 300px;
}

.inputBox-auth .w280 {
  width: 280px;
}

.inputBox-auth .w240 {
  width: 240px;
}

.inputBox-auth .w220 {
  width: 220px;
}

.inputBox-auth .inputGp.disabled {
  border: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.05) 0%,
      rgba(75, 85, 99, 0.05) 100%
    ),
    #fff;
}

.inputBox-auth .inputGp.disabled .blur {
  color: #727b82;
}

.inputBox-auth .inputGp.disabledValid {
  border: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.05) 0%,
      rgba(5, 195, 104, 0.05) 100%
    ),
    #fff;
}

.inputBox-auth .inputGp.disabledInValid {
  border: 1px solid rgba(236, 0, 0, 0.1);
  background: rgba(236, 0, 0, 0.05);
}

.inputBox-auth .inputGp span {
  color: #727b82;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%; /* 16px */
}

.inputBox-auth .inputGp .btnCust {
  outline: 1px solid rgba(59, 108, 216, 0.25);
  width: 98px !important;
  min-width: 98px;
  border-radius: 0px 11px 11px 0px;
  font-weight: 600;
  font-size: 14px;
}

.inputBox-auth .inputGp input::placeholder,
.inputBox-auth .inputGp textarea::placeholder {
  color: rgba(114, 123, 130, 0.5);
}

.inputBox-auth .inputGp input:disabled,
.inputBox-auth .inputGp textarea:disabled {
  background: transparent;
}

.inputBox-auth .inputGp input,
.inputBox-auth .inputGp textarea,
.inputBox-auth .inputGp select {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  resize: none;
}

.inputBox-auth .inputGp select.noSelect {
  color: rgba(114, 123, 130, 0.5) !important;
}

input.lp2p4,
input.plc2p4::placeholder {
  letter-spacing: 2.4px;
}

.inputBox-auth .trmsServ {
  color: #4b5563;
  letter-spacing: -0.12px;
}

.remLabel {
  color: #4b5563;
}

.auth-mainPage .innerBox .btnBody {
  padding: 25px;
}

.auth-mainPage .innerBox .btnBody p {
  color: #4b5563;
}

.auth-mainPage .ssoBody {
  padding: 28px 20px 20px 20px;
  border-top: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(255, 156, 0, 0.03) 0%,
      rgba(255, 156, 0, 0.03) 100%
    ),
    #fff;
}

/* .auth-mainPage .ssoBody .orBox .brdTop {
  border-top: 1px solid #d1d5db;
} */

.auth-mainPage .ssoBody .orBox {
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  color: rgba(26, 26, 26, 0.8);
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.auth-mainPage .ssoBody h6 {
  color: #1a1a1a;
}

.auth-mainPage .ssoBody .btnDynamic {
  letter-spacing: -0.15px;
}

.inputBox-auth .ctyState {
  width: calc(100% - 100px);
  padding: 0px 18px;
  color: #727b82;
  border-left: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.05) 0%,
      rgba(0, 0, 0, 0.05) 100%
    ),
    #fff;
}

.itemSelect-pr {
  width: calc(50% - 8px);
  border-radius: 15px;
  border: 1px solid #d1d5db;
  height: 186px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.01) 0%,
      rgba(59, 108, 216, 0.01) 100%
    ),
    #fff;
}

.itemSelect-pr.active,
.itemSelect-pr:hover {
  border: 1px solid #3b6cd8;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.itemSelect-pr.active p,
.itemSelect-pr:hover p {
  color: #3b6cd8;
}

.itemSelect-pr p {
  color: #4b5563;
}

.itemSelect-pr img {
  height: 62px;
}

.inputBox-auth .inputGp .addrGp-btm {
  height: 47px;
  border-top: 1px solid #d1d5db;
}

.inputBox-auth .inputGp .addrGp-btm .rgt {
  width: calc(100% - 100px);
  border-left: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.05) 0%,
      rgba(75, 85, 99, 0.05) 100%
    ),
    #fff;
}

.inputBox-auth .inputGp .addrGp-btm .rgt p {
  color: #727b82;
  line-height: 1;
}

.inputBox-auth .inputGp .noFileNm {
  color: rgba(114, 123, 130, 0.5);
}

.upload-Btn {
  min-width: 96px;
  width: 96px;
  height: 36px;
  border-radius: 12px;
}

.upload-Btn .docInput {
  opacity: 0;
}

.upload-Btn.act {
  border: 1px solid rgba(59, 108, 216, 0.25);

  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}
.upload-Btn.act span {
  color: #3b6cd8;
}

.upload-Btn.dng {
  border: 1px solid rgba(236, 0, 0, 0.25);
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff;
}

.upload-Btn.dng span {
  color: #ec0000;
}

.inpBody .addrHead {
  min-height: 128px;
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
  background: rgba(59, 108, 216, 0.03);
  padding: 25px;
}

.inpBody .addrHead h6 {
  color: #1a1a1a;
}

.inpBody .addrHead .lft {
  width: 130px;
}

.inpBody .addrHead .rgt {
  width: calc(100% - 145px);
}

.inpBody .addrBody {
  padding: 25px;
}

.inpBody .addrBody .item {
  padding: 15px 25px;
  border-radius: 15px;
  border: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.01) 0%,
      rgba(59, 108, 216, 0.01) 100%
    ),
    #fff;
}

.inpBody .addrBody .item p {
  color: #4b5563;
  line-height: 150%; /* 21px */
  letter-spacing: -0.14px;
}

.inpBody .addrBody .item50 {
  height: 125px;
  width: calc(50% - 8px);
}

.inpBody .addrBody .item100 {
  height: 82px;
}

.inpBody .addrBody .item.active,
.inpBody .addrBody .item:hover {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.inpBody .addrBody .item.active p,
.inpBody .addrBody .item:hover p {
  color: #3b6cd8;
}

.inputBox-auth .buildSubs .item {
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #fff;
  width: calc(50% - 5px);
}

.inputBox-auth .buildSubs .item.h40 {
  height: 40px;
}

.inputBox-auth .buildSubs .item.active,
.inputBox-auth .buildSubs .item:hover {
  background: linear-gradient(
      0deg,
      rgba(25, 118, 210, 0.05) 0%,
      rgba(25, 118, 210, 0.05) 100%
    ),
    #fff;
}

.inputBox-auth .buildSubs .item .headGt {
  height: 15px;
  border-bottom: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.inputBox-auth .buildSubs .item .bdy {
  padding: 10px 10px 10px 15px;
  min-height: 40px;
}

.inputBox-auth .buildSubs .item .bdy > div {
  min-height: 20px;
}

.inputBox-auth .buildSubs .item .bdy .prSpan {
  color: rgba(0, 0, 0, 0.8);
}

.inputBox-auth .buildSubs .item .bdy .sfSpan {
  color: rgba(0, 0, 0, 0.75);
}

.inputBox-auth .buildSubs .item p.starter {
  color: #1976d2;
}

.inputBox-auth .buildSubs .item p.core {
  color: #00897b;
}

.inputBox-auth .buildSubs .item p.scale {
  color: #6b2dad;
}

.inputBox-auth .buildSubs .item p.enterprise {
  color: #ad6900;
}

.inputBox-auth .seatsSlct .lft {
  width: 124px;
  height: 40px;
  border: 1px solid #d1d5db;
  border-radius: 12px;
}

.inputBox-auth .seatsSlct .lft .incDec {
  width: 32px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.05) 0%,
      rgba(0, 0, 0, 0.05) 100%
    ),
    #fff;
}

.inputBox-auth .seatsSlct .lft .inp {
  width: calc(100% - 64px);
  border-left: 1px solid #d1d5db;
  border-right: 1px solid #d1d5db;
}

.inputBox-auth .seatsSlct .rgt {
  width: calc(100% - 134px);
}

.inputBox-auth .seatsSlct .rgt span {
  color: #4b5563;
  font-style: italic;
  line-height: 130%;
}

.inputBox-auth .passError {
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.02) 0%,
      rgba(75, 85, 99, 0.02) 100%
    ),
    #fff;
}

.inputBox-auth .passError.h34 {
  height: 34px;
}

.inputBox-auth .passError.h32 {
  height: 32px;
}
.inputBox-auth .passError p {
  letter-spacing: -0.12px;
}

.inputBox-auth .passError.borderRed p {
  color: #ec0000 !important;
}

.rgtBx-pp .head {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

.rgtBx-pp .head h6 {
  color: #1a1a1a;
}

.rgtBx-pp .head p {
  color: #4b5563;
}

.itemSubs-plan {
  border-radius: 15px;
  border: 1px solid #d1d5db;
  background: #fff;
}

.itemSubs-plan.starter .itHead,
.orgList-sgg li .planTag.starter {
  background: #e3f2fd;
}

.itemSubs-plan.starter .itHead h5,
.itemSubs-plan.starter .itHead h6,
.orgList-sgg li .planTag.starter p {
  color: #1976d2;
}

.itemSubs-plan.core .itHead,
.orgList-sgg li .planTag.core {
  background: #e1f7f1;
}

.itemSubs-plan.core .itHead h5,
.itemSubs-plan.core .itHead h6,
.orgList-sgg li .planTag.core p {
  color: #00897b;
}

.itemSubs-plan.scale .itHead,
.orgList-sgg li .planTag.scale {
  background: #efe6ff;
}

.itemSubs-plan.scale .itHead h5,
.itemSubs-plan.scale .itHead h6,
.orgList-sgg li .planTag.scale p {
  color: #6b2dad;
}

.itemSubs-plan.enterprise .itHead,
.orgList-sgg li .planTag.enterprise {
  background: #fff2d8;
}

.itemSubs-plan.enterprise .itHead h5,
.itemSubs-plan.enterprise .itHead h6,
.orgList-sgg li .planTag.enterprise p {
  color: #ad6900;
}

.itemSubs-plan.itemCst {
  max-width: 194px;
}

.itemSubs-plan.itemW100 {
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.itemSubs-plan.itemW100 .w-3 {
  width: 33.3333%;
  height: 100%;
}

.itemSubs-plan.itemW100 .itHead {
  padding: 15px 25px 15px 30px;
  border-bottom: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.itemSubs-plan.itemW100 .itHead.px25 {
  padding: 15px 25px;
}

.itemSubs-plan.itemW100 .itBody {
  padding: 17px 25px !important;
}

.itemSubs-plan.itemW100 .itBody.px30 {
  padding: 17px 20px 17px 30px !important;
}

.itemSubs-plan.itemW100 .itBody ul {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.itemSubs-plan.itemW100 .itFoot {
  padding-left: 10px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  margin: 0px !important;
}
.itemSubs-plan .itHead {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
  padding: 20px 15px 10px 15px;
}

.itemSubs-plan .itFoot {
  padding: 15px;
}

.itemSubs-plan.itemW100 .itBody {
  border-left: 1px solid rgba(209, 213, 219, 0.5);
}

.inpBody .billInfoHead {
  min-height: 135px;
}

.inpBody .billInfoHead .top {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
  padding-bottom: 12px;
}

.inpBody .billInfoHead h5 {
  color: #4b5563;
}

.inpBody .billBody {
  padding: 25px;
}

.modal-dialogCustSo .btnBody {
  border-top: 1px solid rgba(209, 213, 219, 0.5);
}

.modal-dialogCustSo .inputBox-auth.w50 {
  width: calc(50% - 6px);
}

.modal-dialogCustSo .modal-head {
  height: 58px;
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
  padding: 18px 20px;
}

.modal-dialogCustSo .modal-ttl h6 {
  color: #1a1a1a;
  font-size: 18px;
}

.auth-mainPage .innerBox .inpBody.inviteOrg,
.auth-mainPage .innerBox .inpBody.slcApps {
  height: 401px;
}

.auth-mainPage .inpBody.inviteOrg .selctRole {
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(59, 108, 216, 0.2);
  background: rgba(59, 108, 216, 0.02);
}

.auth-mainPage .inpBody.inviteOrg .selctRole select {
  width: 180px;
  color: rgba(59, 108, 216, 0.75);
  background-image: url("../images/icons/selectArrBl.svg") !important;
}

.auth-mainPage .inpBody.inviteOrg .addMore {
  width: 60px;
  height: 32px;
  border-radius: 10px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.06) 0%,
      rgba(59, 108, 216, 0.06) 100%
    ),
    #fff;
}

.auth-mainPage .slcApps .deflt {
  background: rgba(59, 108, 216, 0.03);
  padding: 25px 45px;
}

.auth-mainPage .slcApps .deflt h6 {
  color: rgba(26, 26, 26, 0.75);
}

.auth-mainPage .slcApps .deflt p {
  color: #4b5563;
  line-height: 140%;
  letter-spacing: -0.12px;
}

.auth-mainPage .slcApps .left p {
  color: #1a1a1a;
}

.auth-mainPage .slcApps .left .imgBox {
  border-radius: 10px;
  border: 1px solid #d1d5db;
  width: 42px;
  height: 42px;
  /* background: rgba(9, 139, 245, 0.1); */
}

.innRBox-app .itemSec {
  border-radius: 15px;

  border: 1px solid #d1d5db;
  height: 58px;
  background: #fff;
}

.innRBox-app .itemSec .leftIt {
  border-right: 1px solid #d1d5db;
  width: 56px;
}

.innRBox-app .itemSec .leftIt .imgBx {
  width: 34px;
  height: 34px;
}

.innRBox-app .itemSec .rgtIt {
  width: calc(100% - 56px);
  padding-left: 12px;
}

.innRBox-app .itemSec p,
.innRBox-app .itemSec p {
  color: #1a1a1a;
}

.innRBox-app .itemSec.active {
  border: 1px solid #3b6cd8;
}

.innRBox-app .itemSec.active p {
  color: #3b6cd8;
}

.innRBox-app .itemSec .showSlct,
.innRBox-app .itemSec.active .showNoSlct {
  display: none;
}

.innRBox-app .itemSec.active .showSlct,
.innRBox-app .itemSec .showNoSlct {
  display: block;
}

.innRBox-app .body {
  height: 478px;
  overflow-y: auto;
  padding-left: 1px;
  padding-right: 1px;
  overflow-x: hidden;
}

.commanModal-sf .head {
  padding: 34px 25px 25px 25px;
}

.commanModal-sf .btnBody {
  border-top: 1px solid rgba(209, 213, 219, 0.5);
}

.commanModal-sf .head h6 {
  color: #1a1a1a;
}

.commanModal-sf .head p {
  color: #4b5563;
}

.userProfile-main .content {
  border-radius: 15px;
  border: 1px solid #d1d5db;
  background-color: #fff;
}

.userProfile-main .left {
  width: calc(100% - 495px);
}

.userProfile-main .left .head {
  border-bottom: 1px solid #d1d5db;

  background: rgba(59, 108, 216, 0.05);
}

.userProfile-main .left .infoTp {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

.userProfile-main .left .infoTp .imgBx {
  border-radius: 10px;
  border: 1px solid #d1d5db;
  width: 75px;
  height: 75px;
}

.userProfile-main .left .infoTp h6 {
  color: #1a1a1a;
}
.userProfile-main .left .infoTp p,
.userProfile-main .left .infoBt p {
  color: #4b5563;
}

.userProfile-main .left .infoBt .imgBx {
  border-radius: 6px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  width: 26px;
  height: 26px;
}
.userProfile-main .left .body {
  height: calc(100% - 225px);
}

.userProfile-main .left .body .custBtn {
  border-radius: 8px;
  border: 1px solid rgba(59, 108, 216, 0.5);
  height: 24px;
}

.userProfile-main .left .orgList .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  width: 257px;
  height: 60px;
  background: rgba(59, 108, 216, 0.02);
}

.userProfile-main .left .orgList {
  width: calc(100% - 160px);
}

.userProfile-main .left .orgList .item .imgBx {
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  width: 40px;
  height: 40px;
}

.userProfile-main .left .orgList .item .cBox {
  max-width: calc(100% - 50px);
}

.userProfile-rgt {
  width: 480px;
}

.userProfile-rgt .head {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  height: 44px;
  padding: 3px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.userProfile-rgt .head .item {
  width: 33.3333%;
  border: 1px solid transparent;
  border-radius: 10px;
  height: 38px;
}

/* .userProfile-rgt .head .item.brdRgtNn {
  border-right: none;
} */

.userProfile-rgt .head .item span {
  color: #4b5563;
  font-weight: 500;
  height: 20px;
  border-right: 1px solid transparent;
}

.userProfile-rgt .head .item span.brdRgt {
  border-right: 1px solid #d1d5db;
}

.userProfile-rgt .item.active {
  border: 1px solid rgba(59, 108, 216, 0.25);
  background: #fff;
}

.userProfile-rgt .head .item.active span {
  color: #3b6cd8;
  font-weight: 600;
}

.userProfile-rgt .bodyCmn {
  height: calc(100% - 44px);
}

.userProfile-rgt .bodyApp .info {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);

  background: rgba(59, 108, 216, 0.02);
}

.userProfile-rgt .bodyApp .info p {
  font-style: italic;
  letter-spacing: -0.14px;
}

.userProfile-rgt .bodyApp .info h6 {
  min-width: 75px;
}

.userProfile-rgt .bodyApp .info .rgt {
  height: 35px;
  width: calc(100% - 90px);
  border-radius: 8px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.05) 0%,
      rgba(75, 85, 99, 0.05) 100%
    ),
    #fff;
}

.userProfile-rgt .bodyApp .appList {
  height: calc(100% - 140px);
}

.userProfile-rgt .bodyApp .appList .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  height: 58px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
}

.userProfile-rgt .bodyApp .appList .item .imgBx {
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.5);
}

.modal-bodyLHis,
.modal-bodyDataPvc,
.modal-bodyDataCns {
  max-height: 396px;
  height: 396px;
}

.userProfile-rgt .bodyDevice .item,
.modal-bodyLHis .bodyDevice .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  padding: 12px 15px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
}

.modal-bodyLHis .bodyDevice .item {
  height: 62px;
}

.userProfile-rgt .bodyDevice .item .imgBx,
.modal-bodyLHis .bodyDevice .item .imgBx {
  border-radius: 50%;
  background-color: rgba(125, 129, 144, 0.1);
}

.userProfile-rgt .bodyDevice .item .btnDynamic {
  border-radius: 10px;
}

.userProfile-rgt .bodyPasswd .headPwd {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  height: 134px;
  background: rgba(59, 108, 216, 0.02);
  padding: 18px 15px;
}

.userProfile-rgt .bodyPasswd .imgLg {
  width: 40px;
}

.userProfile-rgt .bodyPasswd .bodyFrm {
  height: calc(100% - 150px);
}

.cModal-myProf .modal-dialog {
  max-width: 400px;
}
.cModal-myProf .modal-body {
  min-height: 252px;
}

.cModal-Signout .modal-body {
  min-height: 212px;
  height: 212px;
  padding: 20px 20px 25px 20px;
}

.cModal-myProf .imgHead {
  height: 22px;
}

.modal-bodyMngOrg.h484 {
  height: 484px;
}
.modal-bodyMngOrg.h396 {
  height: 396px;
}

.modal-bodyMngOrg .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);

  background: rgba(59, 108, 216, 0.02);
}

.modal-bodyMngOrg .item .imgBx {
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  width: 40px;
  height: 40px;
}

.modal-bodyMngOrg .item .cntnt {
  width: calc(100% - 50px);
}

.modal-bodyMngOrg .item .top {
  border-bottom: 1px solid rgba(209, 213, 219, 0.2);
}

.modal-bodyMngOrg .item .btnDynamic {
  border-radius: 8px;
}

.modal-bodyMngOrg .item .btnVar3B6 {
  border: 1px solid rgba(59, 108, 216, 0.1);
  background: rgba(59, 108, 216, 0.05);
}

.modal-bodyMngOrg .item .btnVarEC0 {
  border: 1px solid rgba(236, 0, 0, 0.1);
}

.modal-bodyDlt .info {
  height: 174px;
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(239, 38, 38, 0.02) 0%,
      rgba(239, 38, 38, 0.02) 100%
    ),
    #fff;
}

.modal-bodyDlt .info p {
  line-height: 150%;
  letter-spacing: -0.14px;
}

.modal-bodyDlt input,
.modal-bodyDlt select {
  height: 48px;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
}

.btnBody-dlt .btnEC0 {
  border: 1px solid #d1d5db;
}

.modal-bodyDlt .imgBx {
  width: 74px;
  height: 74px;
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(239, 38, 38, 0.02) 0%,
      rgba(239, 38, 38, 0.02) 100%
    ),
    #fff;
}

.modal-dialogStng {
  max-width: 670px !important;
  width: 670px;
}

.modal-dialog-w400 {
  max-width: 400px !important;
  width: 400px;
}

.stng-modalBody {
  height: 504px;
  min-height: 504px;
}

.stng-modalBody .body {
  height: calc(100% - 32px);
}

.lrModal-cmn .body .left {
  width: 170px;
  border-right: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
  list-style: none;
}

.lrModal-cmn .body .right {
  width: calc(100% - 170px);
}

.lrModal-cmn .body .left li {
  border-radius: 12px;
  color: #4b5563;
  font-weight: 500;
}

.lrModal-cmn .body .left li.h33 {
  height: 33px;
}

.lrModal-cmn .body .left li.hAuto {
  height: auto;
}

.lrModal-cmn .body .left li:hover,
.lrModal-cmn .body .left li.active {
  background: rgba(59, 108, 216, 0.1);
  color: #3b6cd8;
  font-weight: 600;
}
.stng-modalBody .foot {
  border-top: 1px solid rgba(209, 213, 219, 0.5);
  height: 32px;
  border-radius: 0px 0 15px 15px;
  z-index: 10;
}

.modal-bodyNotify .item,
.modal-bodyDataPvc .item,
.modal-bodyDataCns .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  padding: 12px 15px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
  gap: 32px;
}

.modal-bodyDataCns .item {
  padding: 12px 15px 12px 12px;
  gap: 12px;
}

.modal-bodyDataCns .item .lft {
  width: calc(100% - 57px);
}

.modal-bodyDataCns .item .lft .cntn {
  width: calc(100% - 64px);
}

.modal-bodyDataCns .item p {
  line-height: 140%; /* 16.8px */
  letter-spacing: -0.12px;
}

.modal-bodyDataCns .item .imgBx {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: #fff;
}

.modal-bodyNotify .item .lft.w220 {
  width: 220px;
  min-width: 220px;
}

.modal-bodyNotify .item .rgt,
.modal-bodyDataPvc .item .rgt {
  row-gap: 10px;
  column-gap: 12px;
}

.modal-bodyNotify .note {
  line-height: 140%;
}

.setting-DefSec {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  height: 252px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
}

.modal-bodyRgtStng .head p {
  letter-spacing: -0.13px;
}

.modal-bodySec.h505 {
  height: 505px;
}

.modal-bodySec .body .item .rgt {
  border-radius: 12px;
  border: 1px solid #d1d5db;
  height: 48px;
  width: calc(100% - 120px);
  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.05) 0%,
      rgba(75, 85, 99, 0.05) 100%
    ),
    #fff;
}

.customSelect-sec {
  border-radius: 12px;
  border: 1px solid #d1d5db;
  transition: box-shadow 0.3s ease;
}

.customSelect-sec.brd125 {
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.customSelect-sec.brd7d8-15 {
  border: 1px solid rgba(125, 129, 144, 0.15) !important;
}

.customSelect-sec.h32 {
  border-radius: 10px;
  transition: box-shadow 0.3s ease;
}

.customSelect-sec.h32.browBx {
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: rgba(112, 75, 55, 0.05);
}

.customSelect-sec.h48 {
  height: 48px;
}

.customSelect-sec.h45 {
  height: 45px;
}

.customSelect-sec.h46 {
  height: 46px;
}

.customSelect-sec.h44 {
  height: 44px;
}

.customSelect-sec.h32 {
  height: 32px;
}

.customSelect-sec .title {
  width: calc(100% - 36px);
}

.customSelect-sec.h32 .title {
  width: calc(100% - 24px);
}

.customSelect-sec .secTitle {
  width: calc(100% - 14px);
}

.customSelect-sec .imgBox {
  height: 28px;
  width: 28px;
  border-radius: 6px;
  border: 1px solid rgba(209, 213, 219, 0.5);
}

.customSelect-sec.w280 {
  width: 280px;
}

.customSelect-sec.w240 {
  width: 240px;
}

.customSelect-sec.w200 {
  width: 200px;
}

.customSelect-sec.wCust {
  width: calc(100% - 120px);
}

.customSelect-sec.active {
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid transparent;
}

.customSelect-sec.h32.active {
  border-radius: 10px 10px 0px 0px;
  border-bottom: 1px solid transparent;
}

.customSelect-sec.active,
.customSelect-sec.active .list {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  z-index: 100;
}

.customSelect-sec .list {
  max-height: 130px;
  width: 100%;
  border-radius: 0px 0px 12px 12px;
  outline: 1px solid #d1d5db;
  background: #fff;
  z-index: 1000;
  top: 48px;
  left: 0;
}

.customSelect-sec.h45 .list {
  top: 45px;
}

.customSelect-sec.h46 .list {
  top: 46px;
}

.customSelect-sec.h32 .list {
  border-radius: 0px 0px 10px 10px;
  top: 32px;
}

.customSelect-sec .list ul {
  max-height: 130px;
}

.customSelect-sec .list.mh200,
.customSelect-sec .list.mh200 ul {
  max-height: 200px;
}

.customSelect-sec .list.mh300,
.customSelect-sec .list.mh300 ul {
  max-height: 300px;
}

.customSelect-sec .list .brdBtm {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

.modal-bodySec .body .item span {
  color: #1a1a1a;
}

.modal-bodySec .body .item span.disable {
  color: rgba(26, 26, 26, 0.5);
}

.modal-bodySec .footer {
  border-radius: 12px;
  height: 82px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
}

.modal-bodySec .footer p {
  line-height: 140%;
}

.modal-bodySec .footer .btnVar3B6,
.modal-bodySec .body .btnVar3B6 {
  border-radius: 10px;
  border: 1px solid rgba(59, 108, 216, 0.5);
}

.modal-bodySec .footer .btnVar3B6.mw92 {
  min-width: 92px;
}

.modal-bodyPsk,
.modal-bodySAuth,
.modal-bodyBCode {
  height: 420px;
}

.modal-bodyPsk .body,
.modal-bodyBCode .body {
  height: calc(100% - 128px);
}

.modal-bodyPsk .body .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
}

.modal-bodyPsk .body .item .inpEdit {
  border-radius: 8px;
  border: 1px solid #d1d5db;
  height: 28px;
  width: 190px;
  background: #fff;
  outline: none;
}

.modal-bodyPsk .body .item .btnDynamic {
  width: 64px;
  border-radius: 10px;
}

.modal-bodyPsk .body .item .btnVar3B6.brdCust {
  border: 1px solid rgba(59, 108, 216, 0.5);
}

.modal-bodyPsk .body .item .lft {
  width: 260px;
}

.modal-bodyPsk .body .item .rgt {
  width: calc(100% - 280px);
}

.modal-bodyPsk .head,
.modal-bodyBCode .head {
  height: 128px;
}

.modal-bodyPsk .head p,
.modal-bodyBCode .head p {
  line-height: 140%; /* 19.6px */
  letter-spacing: -0.14px;
}

.modal-footerPsk {
  border-top: 1px solid rgba(209, 213, 219, 0.5);
  height: 85px;
}

.modal-footerPsk .iconBox .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.75);
  height: 42px;
  width: 42px;
}

.modal-footerPsk .iconBox .spanCopied {
  border-radius: 10px;
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
  color: #3b6cd8;
  top: -35px;
  left: auto;
  right: 0px;
}

.modal-footerPsk .iconBox .item.disabled {
  pointer-events: none;
}

.modal-footerPsk .iconBox .item img {
  height: 22px;
}

.modal-bodySAuth .instruct {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  height: 210px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
}
.modal-bodySAuth .instruct .lft {
  width: 210px;
  border-right: 1px solid rgba(209, 213, 219, 0.5);
}

.modal-bodySAuth .instruct .lft h6 {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

.modal-bodySAuth .instruct .lft p,
.modal-bodySAuth .instruct .rgt h5 {
  line-height: 150%;
}

.modal-bodySAuth .instruct .rgt {
  width: calc(100% - 210px);
}

.modal-bodyBCode .body > div {
  gap: 14px;
}

.modal-bodyBCode .body .item {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  width: 173px;
  height: 42px;
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.02) 0%,
      rgba(5, 195, 104, 0.02) 100%
    ),
    #fff;
}

.modal-bodyBCode .body .item.grn {
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.02) 0%,
      rgba(5, 195, 104, 0.02) 100%
    ),
    #fff;
}

.modal-bodyBCode .body .item.dngr {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.02) 0%,
      rgba(236, 0, 0, 0.02) 100%
    ),
    #fff;
}

.modal-bodyBCode .body .item span {
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  height: 22px;
  background: #fff;
}

.modal-bodyBCode .body .item.dngr span {
  color: #ec0000;
}

.modal-bodyBCode .body .item.grn span {
  color: #05c368;
}

.modal-bodyBCode .body .item h4.cut {
  text-decoration-line: line-through;
}

.modal-bodySec .wCust {
  width: calc(100% - 120px);
}

.backCode-box {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: #fff;
}

.backCode-box .top {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
  background: rgba(59, 108, 216, 0.02);
}

.backCode-box .btm .btnCust {
  border: 1px solid transparent;
  background: none;
  height: 26px;
  letter-spacing: -0.13px;
  border-radius: 8px;
}

.backCode-box .btm .btnCust.blu {
  width: 109px;
}

.backCode-box .btm .btnCust.ylw {
  width: 106px;
}

.backCode-box .btm .btnCust.dng {
  width: 105px;
}

.backCode-box .btm .btnCust.blu:hover,
.backCode-box .btm .btnCust.blu.active {
  border: 1px solid rgba(59, 108, 216, 0.1);
  background: rgba(59, 108, 216, 0.05);
}

.backCode-box .btm .btnCust.ylw:hover,
.backCode-box .btm .btnCust.ylw.active {
  border: 1px solid rgba(255, 149, 2, 0.1);
  background: rgba(255, 149, 2, 0.05);
}

.backCode-box .btm .btnCust.dng:hover,
.backCode-box .btm .btnCust.dng.active {
  border: 1px solid rgba(236, 0, 0, 0.1);
  background: rgba(236, 0, 0, 0.05);
}

.dnzrBody-Body .ftCard {
  border-radius: 15px;
  border: 1px solid #d1d5db;
  background: #fff;
  padding: 15px;
  width: 295px;
}

.dnzrBody-Body .ftCard .btm {
  padding-right: 55px;
}

.dnzrBody-Body .ftCard .btm p {
  line-height: 150%; /* 21px */
  letter-spacing: -0.13px;
}

.dnzrBody-Body .ftCard .imgInAct,
.dnzrBody-Body .ftCard:hover .imgAct {
  display: block;
}

.dnzrBody-Body .ftCard:hover .imgInAct,
.dnzrBody-Body .ftCard .imgAct {
  display: none;
}

.dnzrBody-Body .ftCard.trnsfr:hover,
.dnzrBody-Body .ftCard.trnsfr.active {
  border: 1px solid #fa0;
  background: linear-gradient(
      0deg,
      rgba(255, 170, 0, 0.05) 0%,
      rgba(255, 170, 0, 0.05) 100%
    ),
    #fff;
}

.dnzrBody-Body .ftCard.pause:hover,
.dnzrBody-Body .ftCard.pause.active {
  border: 1px solid #0097a7;
  background: linear-gradient(
      0deg,
      rgba(0, 151, 167, 0.03) 0%,
      rgba(0, 151, 167, 0.03) 100%
    ),
    #fff;
}

.dnzrBody-Body .ftCard.dlt:hover,
.dnzrBody-Body .ftCard.dlt.active {
  border: 1px solid #ec0000;
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff;
}

.modal-BodyTf {
  min-height: 312px;
}

.modal-BodyTf.mh254 {
  min-height: 254px;
}

.modal-BodyTf .itemTo {
  gap: 18px;
  min-height: 168px;
}

.modal-BodyTf .itemTo .imgBox,
.pauseOrg-body .itemTo .imgBox {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  width: 64px;
  height: 64px;
  background: linear-gradient(
      0deg,
      rgba(255, 170, 0, 0.02) 0%,
      rgba(255, 170, 0, 0.02) 100%
    ),
    #fff;
}

.modal-BodyTf .itemTo .imgBox.dng {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.02) 0%,
      rgba(236, 0, 0, 0.02) 100%
    ),
    #fff;
}

.modal-BodyTf .itemTo .imgBox.paus,
.pauseOrg-body .itemTo .imgBox.paus {
  background: linear-gradient(
      0deg,
      rgba(0, 151, 167, 0.02) 0%,
      rgba(0, 151, 167, 0.02) 100%
    ),
    #fff;
}

.modal-BodyTf .itemTo .imgBox {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  width: 64px;
  height: 64px;
  background: linear-gradient(
      0deg,
      rgba(255, 170, 0, 0.02) 0%,
      rgba(255, 170, 0, 0.02) 100%
    ),
    #fff;
}

.modal-BodyTf .itemTo .imgBox.lev {
  background: linear-gradient(
      0deg,
      rgba(16, 194, 123, 0.02) 0%,
      rgba(16, 194, 123, 0.02) 100%
    ),
    #fff;
}

.modal-BodyTf .itemTo .body p {
  line-height: 150%; /* 22.5px */
  letter-spacing: -0.15px;
}

.modal-BodyTf .itemDet .top,
.modal-BodyTf .itemAuth .top {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

.modal-BodyTf .itemDet .top .leaveHead {
  line-height: 150%;
}

.modal-BodyTf .itemDet .top .leaveHead span,
.modal-BodyTf .itemTo .top .leaveHead span {
  border-bottom: 1px solid #4b5563;
}

.modal-BodyTf .itemDet .top .leaveHeadH6 span,
.modal-BodyTf .itemTo .top .leaveHeadH6 span {
  border-bottom: 1px solid #1a1a1a;
}
.modal-BodyTf .itemDet .top .box {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
}

.modal-BodyTf .itemDet .top .box .body p {
  color: rgba(75, 85, 99, 0.8);
}

.modal-BodyTf .itemDet .top .box .imgBox {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: #fff;
}

.modal-BodyTf .itemDet .top .body {
  width: calc(100% - 52px);
}

.modal-BodyTf .itemDet .disblBox {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.75);
  height: 48px;
  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.05) 0%,
      rgba(75, 85, 99, 0.05) 100%
    ),
    #fff;
}

.modal-BodyTf .itemDet .disblBox .imgBx {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(217, 217, 217, 0.5);
}

.modal-BodyTf .itemDet .inpBox select,
.modal-BodyTf .itemDet .inpBox .inpDlt {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.75);
  height: 48px;
}

.modal-BodyTf .itemConfrm .itemMsg {
  gap: 20px;
  padding: 60px 20px;
}

.pauseOrg-body {
  height: calc(100vh - 109px);
}

.pauseOrg-body .item {
  width: 502px;
  height: 314px;
  border: 1px solid #d1d5db;
  background: #fff;
}

.mobDef-page .itBox {
  border: 1px solid #d1d5db;
  background: #fff;
}

.mobDef-page .itBox .imgBx {
  height: 186px;
  background: rgba(59, 108, 216, 0.05);
}

.mobDef-page.isBeta .itBox .imgBx {
  background: rgba(145, 98, 249, 0.05);
}

.mobDef-page .itBox h6 {
  font-size: 18px;
}

.mobDef-page .itBox h5 {
  font-size: 16px;
}

.mobDef-page .itBox p {
  font-size: 15px;
}

.mobDef-page .itBox .btnDynamic {
  width: 164px;
}

.mobDef-page .mid,
.mobDef-page .btm {
  background: linear-gradient(
      0deg,
      rgba(51, 117, 224, 0.02) 0%,
      rgba(51, 117, 224, 0.02) 100%
    ),
    #fff;
}

.mobDef-page.isBeta .mid,
.mobDef-page.isBeta .btm {
  background: linear-gradient(
      0deg,
      rgba(51, 117, 224, 0.02) 0%,
      rgba(51, 117, 224, 0.02) 100%
    ),
    #fff;
}

.mobDef-page .btm .cBtn {
  border-radius: 8px;
  border: 1px solid #000;
  height: 40px;
  background: #fff;
  color: #000;
}

.mobDef-page.isBeta .btm .cBtn {
  border: 1px solid #a6a6a6;
  background: #000;
  color: #fff;
}

.mobDef-page .btm .appleBtn .spanTop {
  font-family: "SF Compact Text", sans-serif;
  font-size: 9px;
  line-height: 9px;
}

.mobDef-page .appleBtn .spanBtm {
  font-family: "SF Compact Display", sans-serif;
  font-size: 18px;
  letter-spacing: -0.47px;
}

.mobDef-page .playstrBtn .spanTop {
  font-size: 10px;
  font-family: "Product Sans", sans-serif;
}

/* Take a break popup */

.cModal-tBreak .modal-body,
.cModal-tbRelax .modal-body {
  min-height: 258px;
}

.cModal-tBreak button.w134 {
  width: 134px;
}

.cModal-tBreak button.w68 {
  width: 68px;
}

.cModal-tbRelax .modal-body h5 {
  font-size: 45px;
  letter-spacing: -0.45px;
}

.cModal-tbRelax button.w46 {
  width: 46px;
}

.cModal-tbRelax button.w62 {
  width: 62px;
}