.logo {line-height:32px;margin-top:42px;}
.header-item {height:50px; display:flex; align-items:center; left:0px;}
.app-search {margin-left:20px;}
.moduleIcon{width:32px; border-radius: 5px;margin-right: 12px;}
.brandlogo{height:25px;}
.menuSearch{background: #fff0;}


/*Tabales_STARTS*/
.tableDownload{position: absolute; float: right; right: 0px; z-index: 1; display: flex; flex-direction: row-reverse;   }
.tableDASH{padding:5px;background: fixed;}
.simuTableHED{font-size: small;font-family: system-ui;}
.simuTableBDY{font-size: small;}
.TRclassDUPLI{font-size: small;background: #e4c1c1!important;}
.TRclass{font-size: small;}
/*Tabales_END*/














.email-menu-sidebar .email-menu-sidebar-scroll { height: calc(100vh -28vh);}
.email-menu-sidebar .mx-n4 {margin-right: -0.5rem!important; margin-left: -1.5rem!important;}
.custom-hover-nav-tabs .nav-item .nav-link { height: 30px; }
.nav-link{padding: 0.2rem 0.8rem;}
.uppercase{font-style: uppercase;}
.pTABicon{margin:5px;}
.pTABiconTopMargin{margin-top:7px; margin-left: 5px; margin-right: 5px;}
.navbar-menu .navbar-nav .nav-link {  padding: 0.625rem 1.2rem;}

.jsPanel-headerbar { }
.jsPanel-replacement { height: 23px;}
.jsPanel-headerbar img {  max-height: 24px;    border-radius: 6px;    margin-left: 3px;}
.jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo img { max-width: 100px; max-height: 20px;}
.jsPanel-replacement .jsPanel-hdr { height: 20px; }
.jsPanel-controlbar { margin: -1px;}
.jsPanel-content{  padding: 11px 20px; margin: 2px 2px; overflow-x: hidden; }

/*Invoive Table*/

table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }

td, th { border: 1px solid #dddddd; text-align: left; padding: 3px; }

tr:nth-child(even) {   background-color: #dddddd; }
thead {background: #1abc9c; color: #fff;}

.legendSatish{ width:auto; margin-bottom: 0px;   font-weight: bold; color: #1f497d;}
.noBorder{border:none;text-align: right; }



/*Invoive Table*/
@media screen and (max-width: 600px) {

.nav-right{margin-top: -34px;}
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
min-width: 300px; left: -100px; top:40px;}

.bodyfixed{margin-top:0px!important;}
.home-top-margin{margin-top: 6px;}
.header-navbar .navbar-wrapper .navbar-container .nav-right { float: right; margin-top: -39px;   margin-right: 40px;}
.main-home-by-satish{margin-left:0px !important; margin-top:-10px;}
.main-home-satish-dash{margin-left:0px!important;}
.pcoded-inner-navbar {height: 100%; margin-top: -10px;}
.pcoded .pcoded-navbar .pcoded-item {margin-top: 10px;}

.page-title-right{margin-right:0px;}

}

@media screen and (max-width: 768px) {
.home-top-margin{margin-top:  6px;}
.header-navbar .navbar-wrapper .navbar-container .nav-right { float: right; margin-top: -39px;}
.nbar-menu-550{width:250px; height:35px; background-color:#2c3e502e;  border-radius: 15px 15px 15px 15px; margin-top:5px;}

.page-title-right{margin-right:0px;}

}

/*working only in ipad portrait device*/
@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
.nbar-menu-550{width:250px; height:35px; background-color:#2c3e502e;  border-radius: 15px 15px 15px 15px; margin-top:5px;}
.home-top-margin{margin-top:  6px;}
 .main-home-by-satish{ margin-left:0px !important; margin-top:-10px;}
 .main-home-satish-dash{margin-left:0px!important; }

}
/*working only in ipad landscape device*/
@media all and (width: 1024px) and (height: 1366px)  {

 .nbar-menu-550{width:200px; height:35px; background-color:#2c3e502e;  border-radius: 15px 15px 15px 15px; margin-top:5px;}

}
@media screen and (max-width: 768px){
  .header-navbar .navbar-wrapper .navbar-container .nav-right {
      float: right;
      margin-top: -35px;
  }
}

@media (min-width: 412px) {


}
.header-navbar .navbar-wrapper .navbar-logo { height: 2.3rem;}

/* width */
::-webkit-scrollbar {width: 10px; height: 10px;}
/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;}
/* Handle */
::-webkit-scrollbar-thumb {background: #abaeb3; border-radius: 10px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:#151529;}


[data-layout="horizontal"] .navbar-menu { padding: 0 calc(1.5rem / 2); margin-top: 50px;}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link { padding: 0.1rem 0.8rem; }
.navbar-menu .navbar-nav .nav-link { padding: 0.625rem 1.5rem; font-size: 0.8rem; }

.moduleIcon { width: 28px; border-radius: 5px; margin-right: 15px; }
.logo { line-height: 61px; margin-top: -9px; }

.vibrate div{
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0);   }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(4px, 0, 0); }
}