/* @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700;1,400&display=swap");

@import url("https://fonts.googleapis.com/css?family=Noto Sans"); */


/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Lato/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Lato/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Noto_Sans/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic *
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Noto_Sans/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} */
/* devanagari *
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Noto_Sans/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext *
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Noto_Sans/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek *
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Noto_Sans/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese *
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Noto_Sans/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext *
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Noto_Sans/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin *
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Noto_Sans/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/

*{
    font-family: "Lato",  "Noto Sans", "Arial";
}

#sidebar-menu>ul>li>a>span {
  vertical-align: middle;
}
/*/Axis Color Theme

  --ion-color-axisPrimary:#871f42;
  --ion-color-axisSupportinng1:#323232;
  --ion-color-axisSupportinng2:#505050;
  --ion-color-axisSupportinng3:#787878;
  --ion-color-axisSupportinng4:#a0a0a0;
  --ion-color-axisSupportinng5:#c8c8c8;
  --ion-color-axisSupportinng6:#e6e6e6;
  --ion-color-axisSupportinng7:#fff;
  --ion-color-axisItemContainer:#faf8ef;



  --ion-color-axisPrimerBtnColor:#871f42;
  --ion-color-axisSecondaryBtnColor:#e6e6e6;
  --ion-color-axisPTxtClr:white;
  --ion-color-axisSTxtClr:#323232;*/

html {
    background: white;
}

:root {
  --primary:  #871f42;
  --background: #f5f6f8;
  --light-gray: #e7ebf0;
}
.redLogoStrip {
    height: 20px;
    background: #871f42;
    width: 100%;
}


.axisReceibleTxtContainer{

    background: #871f42;
    color: white;
    display: flex;
      justify-content: center;
      align-items: center;
  }
  .axisReceibleTxtContainer2{

    background: #871f42;
    color: white;
    display: flex;
      justify-content: center;
      align-items: center;
  }

.axisReceibleTxtContainer1{
    width: 100%;
  }

.axisReceivableTxt{
    font-size: 15px;

    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    transform: skew(345deg);
      letter-spacing: 0.9px;

  }
  .axLoginLogoContainer{
    background: var(--ion-color-axisPrimary);
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    justify-self: center;
    text-align: center;
    width: 350px !important;
    color: white;
  }
.axLogoContainer {
    background: var(--ion-color-axisPrimary);
    background: #871f42;
  display: flex;
  font-size: 12px !important;
  align-items: center;
  justify-items: center;
  justify-content: center;
  justify-self: center;
  text-align: center;

  gap: 10%;
  color: white;
}
.axLogoContainer2 {
    background: var(--ion-color-axisPrimary);
    background: #871f42;
  display: flex;
  font-size: 12px !important;
  align-items: center;
  justify-items: center;
  justify-content: center;
  justify-self: center;
  text-align: center;
width: 300px !important;
  gap: 10%;
  color: white;
}
.axisLoginContainer {
    background: white;
}
.axisSubContainer {
    background: #ced4da;
}
.axisLogoStipCotainer {
    display: flex;
    width: 100%;
}
.axPrimaryColor {
    background: #871f42;
    color: white;
}

.axPrimaryColorLight {
    background: #871f42;
}

.axisDspFlex{
    display: flex;
}
.axisWidth100{
    width: 100%;
}

.redStipContainer {
    width: 100%;
    background: white;
    display: flex;
  }
  .redStipContainer1{
    width: 100%;
    background: white;
  }
.redLogoStrip {
    height: 20px;
    background: #871f42;
    width: 100%;
}



.axCurvePatchContainer {
    background: url(../images/img/menucurve.png) no-repeat #fff;
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
}


.axLogoSize {
    width: 150px;
    padding: 0px 10px;
}

.axLogoSizeSub{
    width: 150px;
    padding:0px 10px;

  }
.axisRSTxtDiv::after{
    content: '|';
    position: relative;
  }

  .axisRSTxtDiv1::before{
    content: '|';
    position: relative;
  }

.marginBottm2P{
    margin-bottom: 2% !important;
}

.loginContentContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #e6e6e6;
    border-radius: 10px;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
}
.axisPrimaryClr {
    background: #871f42;
    color: white;
}
.logoutTxtFont{
    font-size: 1rem;
    color: #939598;
}
.logoutBtnReEnter{
    width: 40%;
}
.txtPad5{
    padding: 5%;
}

.headerTxtClr {
    color: #871f42;
}
.formContainer {
    width: 100%;
}
.subMenuContainer {
    display: flex !important;
    background-color: white !important;
    justify-content: end;

    background: white url(../images/img/menucurve.png) no-repeat;
    width: 100%;
    background-position: 0 0;
    height: 50px;
    align-items: center;
}
.axisLogoStipCotainer{
    display: flex;
    width: 100%;
    background-color: #871f42;
  }

.navbar-custom {
    padding: 0px !important;
}
.fe-menu {
    color: #871f42;
}
.pro-user-name {
    color: #871f42;
}

.text-secondary {
    color: #6c757d !important;
}

a {
    color: #871f42 !important;
}

a:hover {
    color: #871f42 !important;
}

a.active {
    color: #871f42 !important;
}

.page-item.active .page-link {
    background-color: #871f42 !important;
    color: #e6e6e6 !important;
}

.headBoxTxt{
    color: black !important;
    font-size: 13px;
}
.headBoxTxtAmt{
    color: black !important;
    font-size: 15px;
    font-weight: bold;
}
.axisPrimeBtn{
    color:white;
    background-color: #871f42;
    border-color:#871f42;
}


.axisPrimeBtn:hover, .axisPrimeBtn:focus, .axisPrimeBtn:active {
    color: #871f42;
    background-color: white;
    border-color: white; /*set the color you want here*/
}

.badgeClr{
    color: #871f42;
    background-color: #d1d3d4;
    border-color: #939598; /*set the color you want here*/
}

.batch-primary-clr{
    color: white !important;
    background-color: #871f42 !important;
}
.batch-back-clr{
    color: #871f42 !important;
    background-color: #f5f6f8 !important;

    border: 0.5 solid #939598 !important;
}
.batch-back-clr:hover{
    color: #871f42 !important;
}
.batch-primary-clr:hover{
    color: white !important;
}
.pageTitleBgClr{
    background-color: #f5f6f8
}

.axisStatusPending{
    background-color: #f15a22;
}
.axisStatusSucess{
    background-color: #005a4b;
}
.axisStatusReject{
    background-color: #ed1164;
}
.axisStatusSettle{
    background-color: #6f2c91;
}
.axisStatusSettleOut{
    background-color: #6d6e71;
}



@media only screen and (min-width: 480px) {
    .axisReceibleTxtContainer{
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .axLoginLogoContainer{
        width: 35% !important;
        color: white;
      }
      .axisReceibleTxtContainer{
        display: flex;
    }
}

@media only screen and (min-width: 1200px) {

    .axisReceibleTxtContainer{
        display: flex;
    }
    .axLoginLogoContainer{

        width: 25% !important;
        color: white;
      }
}