.leftSection-main {
  min-width: 250px;
  width: 250px;
}

aside.sidebarSection {
  min-height: 100%;
}

.logoColumn {
  height: 69px;
  background: var(--white);
  z-index: 10000;
  position: sticky;
  top: 0;
}

.sidebarBorderCust {
  border-right: 1px solid rgba(125, 129, 144, 0.25);
  /* padding-bottom: 140px; */
  /* height: 100%; */
  height: 100vh;
}

.sidebarBorderCust .padding-Btm {
  padding-bottom: 80px;
}

.home-section .item {
  border-radius: 15px;
  height: 320px;
}

.defSq1A1-icon.h20 {
  width: 20px;
  height: 20px;
}

.home-section .item.wid4 {
  flex: 0 0 calc(33.333% - 14px);
}

.home-section .item.wid8 {
  flex: 0 0 calc(66.666% - 6px);
}

.home-section .item .head {
  height: 48px;
}

.home-section .item .head .tag {
  height: 28px;
}

.home-section .item .head .tag.active {
  background: rgba(5, 195, 104, 0.05);
}

/* Cards Classes */

.appCard-main {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.05));
  position: relative;
  width: 140px;
}

.appCard-main.inActive {
  opacity: 0.5;
}

.appCard-main.active {
  opacity: 1;
  cursor: pointer;
}

.appCard-main .arCardImg {
  height: 110px;
}

.appCard-main .arCardImg.h-cust {
  height: 95px;
}

.appCard-main .arCardImg .img-mdl {
  height: 50px;
  width: 50px;
}

.appCard-main .arCardImg .img-mdl.imgActv,
.appCard-main.active:hover > .arCardImg > .imgInactv {
  display: none;
}

.appCard-main.active:hover > .arCardImg > .imgActv {
  display: block;
}

.appCard-main .arCardTxt {
  min-height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.appCard-main .arCardTxt.h-cust {
  min-height: 58px;
}

.appCard-main .arCardTxt h6 {
  color: #575b6c;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 15px;
  text-align: center;
}

/* Main Apps design */

.appCard-main.apps .arCardImg {
  background: rgba(112, 75, 55, 0.1);
}

.appCard-main.active.apps:hover .arCardImg {
  background: #704b37;
}

.appCard-main.active.apps:hover .arCardTxt h6 {
  color: #704b37;
}

.cmnBody-rgt {
  height: calc(100vh - 148px);
}

.chngLog-right {
  width: 496px;
}

.chngLog-left {
  width: calc(100% - 496px);
}

.chngLog-left .head,
.chngLog-right .head {
  height: 47px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.chngLog-left .body {
  height: calc(100% - 88px);
  background: rgba(255, 107, 45, 0.05);
}

.chngLog-left .btm {
  height: 41px;
}

.chngLog-left .lh-custBtn {
  height: 29px;
  background: rgba(26, 26, 26, 0.05);
  color: #1a1a1a;
  font-weight: 500;
}

.chngLog-left .lh-custBtn:hover,
.chngLog-left .lh-custBtn.active {
  background: rgba(255, 107, 45, 0.1);
  color: #ff6b2d;
  font-weight: 600;
}

.chngLog-left .lh-custBtn.w87 {
  width: 87px;
}
.chngLog-left .lh-custBtn.w90 {
  width: 90px;
}

.chngLog-left .lh-custBtn.w106 {
  width: 106px;
}

.chngLog-left .item {
  height: 68px;
  min-height: 68px;
}

.chngLog-left .item.actvSec:hover,
.chngLog-left .item.active {
  border: 1px solid rgba(59, 108, 216, 0.5) !important;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff !important;
}

.chngLog-left .item .lft {
  width: calc(100% - 58px);
}

.chngLog-left .item .dtBox {
  border-right: 1px solid rgba(209, 213, 219, 0.15);
}

.chngLog-left .item .bdBox {
  width: calc(100% - 70px);
}
.chngLog-left .item .rgt {
  width: 58px;
}

.cl-statusTag {
  height: 32px;
}

.cl-statusTag.added {
  background: rgba(5, 195, 104, 0.1);
  color: #05c368;
}
.cl-statusTag.updated {
  color: #5e99fd;
  background: rgba(94, 153, 253, 0.1);
}

.cl-statusTag.removed {
  color: #ec0000;
  background: rgba(236, 0, 0, 0.1);
}
.cl-statusTag.fixed {
  color: #9641c1;
  background: rgba(150, 65, 193, 0.1);
}
.cl-statusTag.security {
  color: #9d6a46;
  background: rgba(157, 106, 70, 0.1);
}

.chngLog-right .formBx {
  height: calc(100% - 47px);
}

.chngLog-right .btmBx .top {
  height: 35px;
  background: rgba(209, 213, 219, 0.1);
}

.chngLog-right .btmBx .btm {
  height: 77px;
}

.chngLog-right .btmBx .dltBx {
  height: 46px;
  min-width: 46px;
  background: rgba(255, 107, 45, 0.1);
  border: 1px solid #ff6b2d;
}

.clImg-upl .inBox {
  height: 129px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.03) 0%,
      rgba(0, 0, 0, 0.03) 100%
    ),
    #fff;
}

.clImg-upl .inBox .imgPrev {
  object-fit: cover;
  max-height: 100%;
  max-width: 100%;
}

.clImg-upl .docInput {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  z-index: 1050;
}

.clImg-upl span {
  color: rgba(125, 129, 144, 0.5);
  font-size: var(--s14);
  font-weight: 500;
  max-width: 124px;
  overflow: hidden;
}

.modal-dialogVcl {
  max-width: 420px !important;
}

.modal-dialogVcl .spanTtl {
  border-bottom: 1px solid #1a1a1a;
}

.modal-bodyVcl {
  min-height: 306px;
  max-height: 490px;
}

.modal-bodyVcl .inDiv {
  max-height: 450px;
}

.modal-bodyVcl .imgBox {
  height: 170px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.03) 0%,
      rgba(0, 0, 0, 0.03) 100%
    ),
    #fff;
}

.modal-bodyVcl .imgBox .imgPrev {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.modal-bodyVcl .item.wHlf {
  width: calc(50% - 5px);
}