/* @media (max-width: 1180px){ */
.menu {

    background: #2a71ba;
    /* border-right: 1px solid #e5e5e5; */
    position: absolute;
    top: 59px;
    bottom: 0;
    height: 100vh;
    left: 0;
    width: 60px;
    overflow: hidden;
    -webkit-transition: width .05s linear;
    transition: width .05s linear;
    -webkit-transform: translateZ(0) scale(1, 1);
    z-index: 1000;
}

.menu:hover {
    width: 315px;
    overflow: visible;
}

.menu li {
    position: relative;
    display: block;
}
.pageContainer{
    margin-left: 250px;
}
.menu li>a {
    position: relative;
    /* display: table; */
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    color: #fff;
    display: block;
    padding: 9px 0px;
    font-size: 16px;
    /* position: relative; */
    cursor: pointer;
    width: 315px;
    padding-left: 15px;


}
.navigation{
    height: 90vh;
    overflow-y:scroll;
}
.navigation::-webkit-scrollbar {
    display: none;
  }
.menu li>a:hover {
    background-color: #0062a8;
}

#nav-text,
#nav-text-non-arrow {
    position: relative;
    top: -9px;
}

#nav-text-non-arrow {

    left: -7px;
}
.menu>h5 {
    display: block !important
}

header .menu>ul {
    display: block !important;
    
}

.compMenu {
    font-size: 25px;
    display: block !important
}

header .menu ul li>ul {
    /* position: relative;
    width: 100%;
    left: 0; */
    position: relative;
    width: 315px;
    height: 100%;
    max-height: 300px;
    overflow-x: hidden;
}

.menu>ul {
    margin: 7px 0px;
}

.menu.active {

    left: 0;
    transition: all 0.5s ease;
    background: #2a71ba;
    width: 315px;
}

header .menu ul li ul>li>a {
    padding: 5px 16px;
}

.tableContainer {
    margin-top: 17px !important;
}
.sub-links,#nav-text,#nav-text-non-arrow{
    font-family:'Gillssiregular',sans-serif;
}

@media (max-width:992px){
    .transaction-date-icon{
        top: 44px!important;
    right: 14px!important;

    }
        a.pop:hover .popDetail{
            left:-275px!important;
            top:45px!important;
        }
       
}

@media (max-width: 640px) {

    .insta-header div:last-child{
        display: flex;
        justify-content: end;
      }
      
     .w-75,.etender-width{
        width: 100% !important;
    }

    .logoAlert {
        width: 100% !important;
    }

    .mainTitle {
        font-size: 19px;
    }
    .insta-title{
        margin-right: auto;
    }
}

@media (max-width:767px) {
    .dropdown-toggle::after {
        display: none !important
    }
    .merchant-tabs{
        height: 600px !important;
    }
   .merchant-main{
    max-width: 100%;
   }
   .btn-primary.accept-button{
    margin-left: 34px;
}
}


@media (max-width:992px) and (min-width:768px) {

    .date-search {
        margin-left: -10px;
    }
    
}
/* @media (max-width:480px){
    header .menu ul li>ul{
        max-height: 216px;
    }
    .menu{
        top:83px;
        height: 100%;
    }
} */
.menu-mobile{
    display: none;
}
@media (max-width:1200px){
    header .menu{
        display: none;
    }
}
@media (max-width:1025px){
    header .menu{
        display: none;
    }
    .menu-mobile{
        height: min-content;
        top:61px;
    }
    .mobile-menu ul li ul>li {
        display: block;
        width:315px;
        background: #e4f4fd;  
    }
    header .menu ul li>ul {
       
        height: max-content;
    }
    .menu.active{
        padding-bottom: 27px;
    }
    .otp-popup div:first-child{
        bottom: 70px!important;
    }
    /* #existing-register-form .merchant-action-btn{
        bottom:210px!important;
    } */
   
}
@media screen and (max-width:576px){
    .non-invoice-back,.invoice-back{
        top: -30px!important;
    }
    .fdate,.tdate{
        width: 140px;
    }  
    a.pop:hover .popDetail-reminder{
        left:-155px!important;
        top:32px!important;
    }  
}
@media (max-width:360px) {
    .status-report{
        margin-top:-12px!important;
    }
}
@media (min-width:1200px) {
    .benedetails {
        margin-left:140px;
    }
    .divMain {
        padding:0 40px!important;
    }
}
@media (min-width:768px) {
    .merchant-action-btn{
        position: absolute;
        bottom:20px;
        right: 20px;
    }
    #existing-register-form .merchant-action-btn{
        bottom:90px;
    }
    .otp-popup div:first-child{
        position: absolute;
        bottom: 25px;
        color:gray;
    }
    .otp-popup div:last-child{
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
}