@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&family=Poppins:wght@100;200;400;500;600;700;800;900&display=swap');


:root {
  --theme-clr: #ef4832;
}

*,p,ul,li {
    margin: 0;
    padding: 0;
    color: #000000;
}
.bg-body, body{
 background: #FFFAFA;
}


/*login start*/

.logfrm {min-height: 100vh;  }

.login   {height: 100%; width: 100%;  }

.login-column {    background: #FFFFFF;
box-shadow: 0px 30px 88px #FF21211A;
border-radius: 10px;
opacity: 1;
max-width: 530px;
padding: 46px 83px 0 83px;
        position: relative;
    }

.paymnt {    padding-bottom: 0; }

.platfrm {color: #FA3E25;}

.mony {    line-height: 0px;}

.wlcom {padding-top: 40px; padding-bottom: 26px; font-weight: 600; }



.emilinsd {    margin-bottom: 27px;}

.pwd {    margin-bottom: 8px;}

.frm-pawd {    margin-bottom: 40px;     text-align: right;


    padding-top: 8px;}



.sbmt {    margin-bottom: 49px; width: 100%;
height: 50px; background-color: #FD462D; border: #FD462D; }

.login-column .btn:hover {
  opacity: 0.9;
  background-color: #FD462D;
      border: #FD462D;
}

.pwd{position:relative;}

.pwd .toggle-password.img-eye {
    position: absolute;
    right: 0;
    top: 31px;
    height: 40px;
    background-image: url(../img/ic_hide.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 40px;
    cursor: pointer;
    z-index: 11;
}

.logalluser {    padding-right:40px;}

/*login end*/


/*forgetpw start*/

/*.recoverypw {    margin-left: 6%;}*/

.recovpw  {padding-top: 24px;
        padding-bottom: 7px; font-weight: 600;}

    .admncnt {    padding-top: 24px; padding-bottom: 7px; font-weight: 600;}

    .emladr { padding-bottom: 7px; }

    .suprt {color: #FD462D; padding-bottom: 22px;}

    .phon { color: #FD462D; padding-bottom: 37px; }

.arw { padding-left: 18px; padding-top: 21px;position: absolute;
    top: 0;
    left: 0;}



/*forgetpw end*/


/*pending checks start*/

.headlogo {display: inline-block; float: left;padding-left: 30px;  }
.dropdown.profile-dropdown {
    padding-right: 30px;
}
.dropdown-toggle::after {
  content: none;
}

.dropmenuu {background: #000000 0% 0% no-repeat padding-box;
box-shadow: 0px 8px 10px #0000003C;
border-radius: 4px;     margin-top: 10%;  }



.dropmenuu a {color: #ffffff;}

.dropmenuu .dropdown-item:active {    color: #fff;
    text-decoration: none;
    background-color: #0000003C;}
.list-group-item {
border: 0px;
padding: 0;
}

.list-group-item a{
    display: block;
    padding: 19px 20px 19px 30px;
}
.list-group-item:hover, .list-group-item:focus{
      background: #fef8f8;

}
.sidmnuall {
    background: #FFFFFF ;
       position: sticky;
       top: 65px;
       box-shadow: 5px 0px 50px #00000010;
       padding:20px 8px 8px 8px;

        min-height: calc(100vh - 65px);
        height: calc(100vh - 65px);
        max-height: calc(100vh - 65px);
}



.user-in {    min-width: 40px;}

.list-group-item.active {
    background-color : #FD462D !important; border-radius: 4px;  }

    .table-user {  padding-left: 30px;   padding-right: 30px;    }

    .pndckx {    padding-top: 38px;
    padding-bottom: 19px;}

    .searchicn input {
      background-image: url("../img/ic_search.svg"); background-repeat:no-repeat;
    background-position: left 10px center; padding-left: 30px;  background-size: 14px;
        max-width: 290px;
            height: 35px;
                border-color: #CCCCCC;
  }

.profltabl {    background-color: #ffffff; box-shadow: 0px 30px 88px #FF21211A;   padding-left: 24px;
    padding-right: 24px;
    }

.table>:not(caption)>*>*  {    border-bottom-width: 0px;}



    .profltablee {    background-color: #ffffff; box-shadow: 0px 30px 88px #FF21211A; padding-bottom: 30px; padding-left: 23px;
    padding-right: 22px; padding-top: 31px;
    }

    .profltable {    background-color: #ffffff; box-shadow: 0px 30px 88px #FF21211A;
     margin-bottom: 36px; padding-left: 23px;
    padding-right: 22px;     padding-top: 14px;}

    .profltable, .profltabl{    padding-bottom: 20px;}

.page-link {
border: 0;
    padding: 0 7px;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
}
.supportall.page-link{
  font-size: 16px;
  line-height: 34px;
}
    .page-item:not(:first-child) .page-link {
    margin-left: -1px;
    margin-left: 8px;
}
    .page-item.active .page-link {
    background-color: #FD462D;}

  .page-link:focus {
    z-index: 3;
    color: #000000;
    background-color: #ffffff;
    outline: 0;
     border-color: #ffffff;
    box-shadow:0px 0px #ffffff;
}


 .page-link:active {
    z-index: 3;
    color: #000000;
    background-color: #ffffff;
    outline: 0;
    box-shadow:0px 0px #ffffff;
    border-color: #ffffff;
}

 .page-link:hover {
    z-index: 3;
    color: #000000;
    background-color: #ffffff;
    outline: 0;
    box-shadow:0px 0px #ffffff;
    border-color: #ffffff;
}


.page-link {color: #000000;}

.profltabl .pndg span {background: #FFD836 0% 0% no-repeat padding-box;
border-radius: 15px;     padding-left: 15px;
    padding-right: 15px; padding-top: 4px;
    padding-bottom: 3px; }


.acnicn a {background: #000000;
border-radius: 4px;  width: 38px;display: inline-block;
height: 38px; line-height: 35px;text-align: center}



    .pndgch p {font-weight: 600;}

    .profltabl table tr td  { border-bottom-width: 0px;  }

    .profltabl table tr th {    padding-top: 18px; padding-bottom: 17px;}


    .dummypic img {    min-width: 38px;
    border-radius: 4px;}


.mangpfl .btn-check:focus+.btn, .btn:focus {box-shadow:0px 0px #ffffff;}


/*pending checks end*/

/*dashboard start*/



.dashcus p {color: #FFFFFF;}

.recordass {background: var(--unnamed-color-ffffff);
background: #FFFFFF;
box-shadow: 0px 30px 88px #FF21211A;
border-radius: 10px;    padding: 24px;}

.cusregtr{background: transparent linear-gradient(290deg, #FD462D 0%, #F5E671 100%) ;
box-shadow: 0px 18px 27px #9F9F9F6F;
border-radius: 10px;}

.cusregtedw img{min-width: 60px;}

    .dashuper {    padding-top: 46px;
    padding-bottom: 24px;}

.pndcrdt {padding-top: 46px;
    padding-bottom: 24px;}


.dashcus {    padding-left: 35px;}

.reasd {padding-left: 38px;}

.upnamecon {    margin-bottom: 68px;}

/*dashboard end*/



/*register start*/

.savebtn button { padding-top: 11px;
    padding-bottom: 11px;
   padding-left: 20px;
    padding-right: 20px;
    min-width: 110px
       }

.rmve {color: #000000; background-color: #ffffff; border-color: #ffffff;     padding-left: 41px; }

.rmve:hover {color: #000000; background-color: #ffffff; border-color: #ffffff; }

.rmve:focus {color: #000000; background-color: #ffffff; border-color: #ffffff; box-shadow: none;}

.rmve:active {color: #000000; background-color: #ffffff; border-color: #ffffff; box-shadow: none;}

.rmved {background-color: #FFFAFA; border-color: #FFFAFA; }

.rmved:hover {background-color: #FFFAFA; border-color: #FFFAFA; }

.rmved:focus {background-color: #FFFAFA; border-color: #FFFAFA; }


.upldimg input[type="file"] {
    display: none;
}
.upldimg .custom-file-upload {
    color: #FD462D;
    display: inline-block;

    cursor: pointer;
}



.savebtn .btn  {    font-weight: 600;}

.sngn .btn  {    font-weight: 600;}



    .rgtrall {padding-top: 36px;
    padding-bottom: 11px;}

/*register end*/




/*registernew start*/

.upldid input[type="file"] {
    display: none;
}


.upldid .custom-file-upload {
    color: #000000;
    display: inline-block;

    cursor: pointer;


}


.brwbackd {background: #CCCCCC 0% 0% no-repeat padding-box;
border-radius: 4px; padding-top: 4px;
    padding-left: 21px;
    padding-right: 21px;
    height: 40px; margin-top: 6px;
        margin-bottom: 15px;

  }

.brwbackd img {    padding-right: 11px;}

.profl-upld img {    width: 130px;

    padding-bottom: 19px;}

.fullipt {    padding-top: 28px;}

.prdtls {    padding-bottom: 28px;}

.uldrmv {    }

.rncust {height: 100vh;}

.idprfs {    padding-top: 29px;}

.bnkdtl {padding-top: 15px;     padding-bottom: 15px;}

.bkacnum {     margin-bottom: 15px;}

.fllnmeu {    margin-bottom: 19px;}

.backcolr {background: #FFFAFA ;
box-shadow: 0px 30px 88px #FF21211A;}

/*registernew end*/



/*popup start*/

.popup img {width: 54px;}

.popup {background: #FFFFFF ;
box-shadow: 0px 30px 88px rgb(255 33 33 / 10%);
border-radius: 10px;}

.popupok {    min-width: 110px;
    min-height: 45px;}


/*popup end*/


/*common css end*/

.conthedng { font-weight: 600;  }

.headingall {font-family: 'Poppins', sans-serif; font-size: 24px;  line-height: 35px; font-weight: 600;}

.cusdashbrd {font-family: 'Poppins', sans-serif; font-size: 28px; line-height: 42px; }

.logohead {font-family: 'Poppins', sans-serif; font-size: 21px; line-height: 31px; font-weight: 600; }

.logobtnhead {font-family: 'Poppins', sans-serif; font-size: 12px; line-height: 18px; }

.pwheadng {font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 22px;}

.supportall {font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 25px;    }

.paraghpall { font-family: 'Nunito Sans', sans-serif; font-size: 14px;     line-height: 19px; }

.parahedng { font-family: 'Nunito Sans', sans-serif; font-size: 16px; line-height: 22px;}

.cusdash {font-family: 'Nunito Sans', sans-serif; font-size: 16px; line-height: 22px;}

.popupfrall {font-family: 'Nunito Sans', sans-serif; font-size: 18px; line-height: 24px; font-weight:600; }

.boxinpt { border: 1px solid #707070; border-radius: 4px;     height: 40px;     margin-top: 6px; }

.boxinpt:focus { border: 1px solid #707070; border-radius: 4px; background-color: #ffffff; box-shadow: none;}
.form-control:focus{
  border-color: #000;
}
.boxinptt { border: 1px solid #707070; border-radius: 4px;     height: 40px;    }

.boxinptt:focus { border: 1px solid #707070; border-radius: 4px; background-color: #ffffff; box-shadow: none;}

.allbtn { background: #FD462D 0% 0% no-repeat padding-box; border-radius: 4px; border: #FD462D ;     text-transform: uppercase; }

.allbtn:hover  {
  opacity: 0.9;
  background-color: #FD462D;
      border: #FD462D;
}

.allbtn:active {background-color: #FD462D;
      border: #FD462D;}

.allbtn:checked {background-color: #FD462D;
      border: #FD462D;}


.allbtn:focus {background-color: #FD462D;
      border: #FD462D; box-shadow: none;}


      .sbmt:hover  {
  opacity: 0.9;
  background-color: #FD462D;
      border: #FD462D;
}


      .sbmt:active {background-color: #FD462D;
      border: #FD462D;}


      .sbmt:checked {background-color: #FD462D;
      border: #FD462D;}


      .sbmt:focus {background-color: #FD462D;
      border: #FD462D; box-shadow: none;}

.btn-primary:active:focus {box-shadow: none;}

.table td {
    vertical-align: middle;
}


/*common css end*/



/*font size class start*/
/*
.xxs-font {font-size: 12px;line-height: 15px;}
.xs-font {font-size: 18px;line-height: 15px;}
.body-font {font-size: 17px;line-height: 25px;}
.sm-font {font-size: 20px;line-height: 22px;}
.md-font {font-size: 30px;line-height: 36px;}
.lg-font {font-size: 36px;line-height: 44px;}
.xl-font {font-size: 43px;line-height: 44px;}
.xxl-font {font-size: 48px;line-height: 58px;}
.xxxl-font {font-size: 60px;line-height: 62px;}
.v-font {font-size: 64px;line-height: 78px;}
/*font size class end*/
/*color css start*/
.body-clr {color: #111111;}
.black-clr {color: #000;}
.theme-clr {color: var(--theme-clr);}
/*color css end*/
/*links css start*/
.body-link {font-size: 12px;color: #111111;line-height: 15px;text-transform: uppercase;text-decoration: none;display: inline-block;}
.body-link.theme-clr .theme-clr {color: #AB8D58;}
/*links css end*/
/*global css start*/

html,body {margin: 0;padding: 0;outline: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {color: #111111;font-size: 17px;letter-spacing: 0;line-height: 25px;font-weight: normal;overflow-x: hidden; }
main, header { margin: 0 auto;max-width: 1440px;}
main{height: calc(100vh - 65px)}
svg{color:inherit;fill: currentColor;}
img {max-width: 100%;}
ul {list-style-type: none;}
a {text-decoration: none;color:inherit;}
a:hover, a:active, a:focus {outline: none;box-shadow: none;color:inherit;}
/* color: #AB8D58;}
.link-hover:hover{color: #AB8D58;}
.section-padding {padding: 70px 0;}
.section-title {font-size: 60px;letter-spacing: 0;line-height: 62px;}

/*bootstrap grid css*/
.container {--bs-gutter-x:15px;}
.row {--bs-gutter-x: 30px;}


@media (min-width: 1366px) and (max-width:1440px){
  .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1290px;}
  .container-xxl{max-width: 100%}
}
@media (min-width: 1500px){
  .container-xxl{max-width: 1290px;}
}
/*bootstrap grid css end*/

/*global css end*/
/*button css start
button:focus, button:hover, button:active, .btn.focus, .btn:focus, .btn:hover, .btn-focus {outline: none;box-shadow: none;color: #000;}
.btn {color: #fff;background: #000;border: 0;border-radius: 0;min-width: 150px;padding: 15px 20px;}
.btn-theme {height: 54px;position: relative;overflow: hidden;background: transparent;-webkit-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;z-index: 1;}
.btn-theme:before {content: "";background: #000;top: 0;right: 0;bottom: 0;left: 0;position: absolute;clip-path: polygon(100% 0, 100% 33px, 129px 100%, 0 100%, 0 0);z-index: -1;}
.btn-theme:after {content: "";position: absolute;bottom: 6px;width: 30px;height: 2px;background: #000;transform: rotate(-45deg);right: -9px;}
.btn-theme:hover:before, .btn-theme:focus:before, .btn-theme:active:before {background: #AB8D58;}
.btn-theme:hover:after, .btn-theme:focus:after, .btn-theme:active:after {background: #AB8D58;}
/*button css end*/

/*card css start*/
.card {border: 0;border-radius: 0;}
/*card css end*/

/*breadcrumb css start*/.breadcrumb{ padding: 30px 0;}
.breadcrumb-item+.breadcrumb-item{position: relative;padding-left:40px;}
.breadcrumb-item a, .breadcrumb-item.active{text-decoration:none;color: #111111;display: inline-block;}
.breadcrumb-item a:hover{color:#AB8D58;}
.breadcrumb-item+.breadcrumb-item::before{background:url(../img/arrow_right.svg);background-size:11px;background-repeat: no-repeat;content:'';width: 26px;height: 12px; top: 6px;float: none;background-position: center;padding-right: 0;display: inline-block;position: absolute;left: 8px;text-align: center;}
/*breadcrumb css end*/

/*header css start*/
.overlay {background-color: rgba(0, 0, 0, 0.5);height: 100%;width: 100%;z-index: 2;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.navbar-toggler {padding: 0;margin-right:30px;font-size: 18px;position: relative;height: 24px;width: 24px;margin-left: auto;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;/* margin-top: 15px; */display: flex;flex-direction: column;justify-content: space-around;}
.navbar-toggler .navbar-toggler-icon {-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.navbar-toggler[aria-expanded = "true"] .navbar-toggler-icon {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.navbar-toggler:focus {outline: none;}
.navbar-toggler span.icon-bar {-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;background: #111111;width: 24px;height: 2px;display: block;/* margin-bottom: 6px; */text-align: right;margin-left: auto;opacity: 0.8;}
.navbar-toggler span.icon-bar.bottom-bar {margin-bottom: 0px;}
.navbar-toggler[aria-expanded = "true"] .icon-bar {-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.navbar-toggler[aria-expanded = "true"] .top-bar {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;/* top: 12px; */}
.navbar-toggler[aria-expanded = "true"] .middle-bar {opacity: 0;}
.navbar-toggler[aria-expanded = "true"] .bottom-bar {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);width: 24px !important;position: absolute;/* top: 13px; */}
.dropdown.profile-dropdown {
    padding-right: 10px;
}
/*header css end*/


/*footer css start*/
footer {}
footer a {text-decoration: none;color: #111111;}
footer a:hover {color: #000;text-decoration: underline;}
footer .nav .nav-item {padding: 5px 0;}
footer .footer-top {padding-bottom: 50px;}
footer .footer-bottom {padding-top: 50px;border-top:1px solid rgb(17 17 17 / 0.23);}
/*footer css end*/


/*repsonsive css*/
@media (max-width: 1199.98px) {
   .list-group-item a{
      padding: 19px 12px 19px 30px;
    }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.cusregtr, .recordass{padding:12px; }
.cusregtedw img {
    min-width: 40px;
}
.dashcus, .reasd {
    padding-left: 14px;
}
}

@media (min-width: 992px) {
  div#navbarNav {
    display: block;
  }
  .navbar-toggler{
    display: none;
  }
}


@media (max-width: 991.98px){
  .cusregtedw img{
    width: 40px;
    margin-right: 10px;
  }
#navbarNav {
  position: fixed;
  height:calc(100vh - 65px);
  height:calc(calc(var(--vh, 1vh) * 100) - 65px);
  display: block;width: 100%;z-index: 11;
  background:#fff;left: 0;bottom: 0;top: 65px;
  transform: translateX(-103%);transition:0.3s;
  justify-content: center;box-shadow: 1px 1px 0px rgb(0 0 0 / 16%);}
#navbarNav.show{
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition:0.3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
}

}
@media (max-width: 767.98px) {
/*navabr for mobile css start*/

.contnosw {    padding-top: 29px;}

.contnoswww {margin-bottom: 29px;}

.bkacnum {    margin-bottom: 0px;}

.contno {    padding-top: 19px;}

.addallbtn {    margin-bottom: 19px;}

.paymntte  {    padding-top: 18px;}
.navbar-toggler{margin-right: 0}
.headlogo{padding-left: 0}
.login-column{
  padding: 30px;
}
.table-user {
    padding-left: 5px;
    padding-right: 5px;
}
.wlcom {
    padding-top: 20px;
  }
  .emilinsd {
    margin-bottom: 16px;
}
.frm-pawd {
    margin-bottom: 20px;
  }
  .sbmt {
    margin-bottom: 8px;
  }
  .user-in {
    min-width: 26px;
    margin-left: 10px;
}
.dropdown-menu.dropdown-menu-right {
    right: 0 !important;
    left: auto;
}
.cusregtedw img {    margin-left: 20px;}

.cusregtr {    margin-bottom: 8%; }

.recordass {    margin-bottom: 8%; }


.sidmnuall {height: auto;}



}
@media (max-width: 575.98px) {

}

@media (max-width: 419.98px) {

}
