/* common style start */

/* Top Nav tab with sidebar View start */

/* .slRenMainNabSidebarTab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }
  
  .slRenMainNabSidebarTab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }
  
  .slRenMainNabSidebarTab button:hover {
    background-color: #ddd;
  }
  
  .slRenMainNabSidebarTab button.active {
    background-color: #ccc;
  }
  
  .slRenMainNabSidebarTabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  } */

/* Top Nav tab with sidebar View start */

.slRenavprofileicon {
  width: 25px;
    height: 25px;
    position: relative;
    display: block;
}

.card-header {
  font-size: 14px;
  font-weight: 700;
}

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 500;
  font-size: 13px;
  margin: 0px !important;
}

.btn-primary {
  color: #fff;
  background-color: #001f3f !important;
  border-color: #001f3f;
  box-shadow: none;
}
.btn-primary:hover {
  color: #fff;
  background-color: #134b85 !important;
  border-color: #134b85;
}

/* .btn-primary {
    color: #fff;
    background-color: #001f3f !important;
    border-color: #001f3f;
    box-shadow: none;
}
.btn-primary:hover {
    color: #fff;
    background-color: #022b54;
    border-color: #022b54;
} */

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #022b54;
  border-color: #022b54;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #022b54;
  border-color: #022b54;
  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}
.btn {
  font-size: 12px !important;
  padding: 5px 9px 5px 9px;
}

/* input {
    height: 35px !important;
} */

.content-header {
  padding: 5px 0.5rem 2px 0.5rem;
}
.content-header h1 {
  font-size: 20px;
  margin: 0;
}

/* tab area */

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  /* background: #0d6efd; */
  border-radius: 4px;
  border: 1px solid #d9d9d9 !important;
  background: #d9d9d9 !important;
  color: #000 !important;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
  color: #001f3f !important;
}

/* collapse area matter details tab clientaccounting */
.slReclientAccounting .card-primary.card-outline {
  border-top: 3px solid #001f3f;
}

/* modal width */
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 95%;
  }
}
/* input  dropdown width */
.e-input-group.e-control-wrapper input:valid {
  width: 100% !important;
}
/* label align */
@media (min-width: 576px) {
  .form-inline label {
    justify-content: left;
  }
}

.e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
  color: #001f3f !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
  color: #001f3f !important;
}

.card-primary.card-outline {
  border-top: 1px solid #4d94ff;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

.e-alert-dialog .e-footer-content {
  border-top: 0px solid #dee2e6 !important;
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
  background-color: #001f3f ;
  border-color: #001f3f;
  color: #fff;
}





/* #####################   Theme Layout start ##################### */
/* ################################################################ */


/* SpineLegal navy blue theme start */

.spRRGlobalThemeNavyBlue .btn-primary {
  color: #fff;
  background-color: #001f3f !important;
  border-color: #001f3f !important;
  box-shadow: none;
}
.spRRGlobalThemeNavyBlue .btn-primary:hover, .spRRGlobalThemeNavyBlue .btn-primary:active {
  color: #fff;
  background-color: #134b85 !important;
  border-color: #134b85 !important;
  box-shadow: none;
}
.spRRGlobalThemeNavyBlue .nav-sidebar>.nav-item>.nav-link.active, .spRRGlobalThemeNavyBlue .nav-sidebar>.nav-item>.nav-link.active  {
    background-color: #001f3f;
    color: #fff;
}
.spRRGlobalThemeNavyBlue .slRedashboard .bg-primary {
    background-color: #001f3f !important;
}
.spRRGlobalThemeNavyBlue .badge-warning {
    color: #ffffff;
    background-color: #001f3f;
    
}
.spRRGlobalThemeNavyBlue i.nav-icon::before {
    color: #001f3f !important;
}
.spRRGlobalThemeNavyBlue .active i.nav-icon::before {
    color: #ffffff !important;
}

.spRRGlobalThemeNavyBlue .e-css.e-btn.e-upload-browse-btn{
    color: #ffffff !important;
    background-color: #001f3f !important;
}
.spRRGlobalThemeNavyBlue .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.spRRGlobalThemeNavyBlue .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
  background-color: #001f3f !important;
  border-color: #001f3f !important;
  color: #fff;
}
.spRRGlobalThemeNavyBlue .e-checkbox-wrapper .e-frame.e-check, 
.spRRGlobalThemeNavyBlue .e-checkbox-wrapper .e-frame.e-check:hover{
  background-color: #001f3f !important;
  border-color: #001f3f !important;
  color: #fff;
}
.spRRGlobalThemeNavyBlue .e-radio:checked+label::before {
  background-color: #001f3f !important;
  border-color: #001f3f !important;
}

.spRRGlobalThemeNavyBlue .form-check-input valid{
  background-color: #001f3f !important;
  border-color: #001f3f !important;
  color: #fff;
}
.spRRGlobalThemeNavyBlue .e-btn.e-primary {
  background: #001f3f !important;
  border-color: #001f3f !important;
  color: #fff !important;
}
.spRRGlobalThemeNavyBlue .e-checkbox-wrapper .e-frame.e-stop, 
.spRRGlobalThemeNavyBlue .e-css.e-checkbox-wrapper .e-frame.e-stop {
background-color: #001f3f !important;
border-color: #001f3f !important;
color: #fff !important;
}
.spRRGlobalThemeNavyBlue .e-switch-wrapper .e-switch-inner.e-switch-active, 
.spRRGlobalThemeNavyBlue .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
background-color: #001f3f !important;
border-color: #001f3f !important;
}
.spRRGlobalThemeNavyBlue .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
background-color: #001f3f !important;
color: #fff !important;
}
.spRRGlobalThemeNavyBlue .form-check-input:checked {
background-color: #001f3f !important;
border-color: #001f3f !important;
}
.spRRGlobalThemeNavyBlue .SlRetabviewdesign1 .e-tab .e-tab-header .slRetabclr.e-toolbar-item.e-active {
background: #001f3f !important;
border: 1px solid #001f3f !important;
color: #ffffff !important;
}

.spRRGlobalThemeNavyBlue .e-dropdown-btn {
background-color: #001f3f !important;
border: 1px solid #001f3f !important;
}
.spRRGlobalThemeNavyBlue .e-dropdown-btn:hover {
background-color: #134b85 !important;
border: 1px solid #134b85 !important;
}
/* SpineLegal navy blue theme start */







/* SpineLegal Skyblue theme start */

.spRRGlobalThemeSkyblue .btn-primary {
  color: #fff;
  background-color: #007dd2 !important;
  border-color: #007dd2 !important;
  box-shadow: none;
}
.spRRGlobalThemeSkyblue .btn-primary:hover, .spRRGlobalThemeSkyblue .btn-primary:active {
  color: #fff;
  background-color: #0b6099 !important;
  border-color: #0b6099 !important;
  box-shadow: none;
}
.spRRGlobalThemeSkyblue .nav-sidebar>.nav-item>.nav-link.active, .spRRGlobalThemeSkyblue .nav-sidebar>.nav-item>.nav-link.active  {
    background-color: #007dd2;
    color: #fff;
}
.spRRGlobalThemeSkyblue .slRedashboard .bg-primary {
    background-color: #007dd2 !important;
}
.spRRGlobalThemeSkyblue .badge-warning {
    color: #ffffff;
    background-color: #007dd2;
}
.spRRGlobalThemeSkyblue i.nav-icon::before {
    color: #007dd2 !important;
}
.spRRGlobalThemeSkyblue .active i.nav-icon::before {
    color: #ffffff !important;
}

.spRRGlobalThemeSkyblue .e-css.e-btn.e-upload-browse-btn{
    color: #ffffff !important;
    background-color: #007dd2 !important;
}
.spRRGlobalThemeSkyblue .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.spRRGlobalThemeSkyblue .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
  background-color: #007dd2 !important;
  border-color: #007dd2 !important;
  color: #fff;
}
.spRRGlobalThemeSkyblue .e-checkbox-wrapper .e-frame.e-check, 
.spRRGlobalThemeSkyblue .e-checkbox-wrapper .e-frame.e-check:hover{
  background-color: #007dd2 !important;
  border-color: #007dd2 !important;
  color: #fff;
}
.spRRGlobalThemeSkyblue .e-radio:checked+label::before {
  background-color: #007dd2 !important;
  border-color: #007dd2 !important;
}
.spRRGlobalThemeSkyblue .form-check-input valid{
  background-color: #007dd2 !important;
  border-color: #007dd2 !important;
  color: #fff;
}
.spRRGlobalThemeSkyblue .e-btn.e-primary {
  background: #007dd2 !important;
  border-color: #007dd2 !important;
  color: #fff !important;
}
.spRRGlobalThemeSkyblue .e-checkbox-wrapper .e-frame.e-stop, 
.spRRGlobalThemeSkyblue .e-css.e-checkbox-wrapper .e-frame.e-stop {
background-color: #007dd2 !important;
border-color: #007dd2 !important;
color: #fff !important;
}
.spRRGlobalThemeSkyblue .e-switch-wrapper .e-switch-inner.e-switch-active, 
.spRRGlobalThemeSkyblue .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
background-color: #007dd2 !important;
border-color: #007dd2 !important;
}
.spRRGlobalThemeSkyblue .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
background-color: #007dd2 !important;
color: #fff !important;
}
.spRRGlobalThemeSkyblue .form-check-input:checked {
background-color: #007dd2 !important;
border-color: #007dd2 !important;
}
.spRRGlobalThemeSkyblue .SlRetabviewdesign1 .e-tab .e-tab-header .slRetabclr.e-toolbar-item.e-active {
background: #007dd2 !important;
border: 1px solid #007dd2 !important;
color: #ffffff !important;
}

.spRRGlobalThemeSkyblue .e-dropdown-btn {
background-color: #007dd2 !important;
border: 1px solid #007dd2 !important;
}
.spRRGlobalThemeSkyblue .e-dropdown-btn:hover {
background-color: #0b6099 !important;
border: 1px solid #0b6099 !important;
}
/* SpineLegal Skyblue theme start */






/* SpineLegal DarkOlive theme start */
.spRRGlobalThemeDarkOlive .btn-primary {
  color: #fff;
  background-color: #3d9970 !important;
  border-color: #3d9970 !important;
  box-shadow: none;
}
.spRRGlobalThemeDarkOlive .btn-primary:hover, .spRRGlobalThemeDarkOlive .btn-primary:active {
  color: #fff;
  background-color: #2a865d !important;
  border-color: #2a865d !important;
  box-shadow: none;
}
.spRRGlobalThemeDarkOlive .nav-sidebar>.nav-item>.nav-link.active, .spRRGlobalThemeDarkOlive .nav-sidebar>.nav-item>.nav-link.active  {
    background-color: #3d9970;
    color: #fff;
}
.spRRGlobalThemeDarkOlive .slRedashboard .bg-primary {
    background-color: #3d9970 !important;
}
.spRRGlobalThemeDarkOlive .badge-warning {
    color: #ffffff;
    background-color: #3d9970;
}
.spRRGlobalThemeDarkOlive i.nav-icon::before {
    color: #3d9970 !important;
}
.spRRGlobalThemeDarkOlive .active i.nav-icon::before {
    color: #ffffff !important;
}

.spRRGlobalThemeDarkOlive .e-css.e-btn.e-upload-browse-btn{
    color: #ffffff !important;
    background-color: #3d9970 !important;
}
.spRRGlobalThemeDarkOlive .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.spRRGlobalThemeDarkOlive .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
  background-color: #3d9970 !important;
  border-color: #3d9970 !important;
  color: #fff;
}
.spRRGlobalThemeDarkOlive .e-checkbox-wrapper .e-frame.e-check, 
.spRRGlobalThemeDarkOlive .e-checkbox-wrapper .e-frame.e-check:hover{
  background-color: #3d9970 !important;
  border-color: #3d9970 !important;
  color: #fff;
}
.spRRGlobalThemeDarkOlive .e-radio:checked+label::before {
  background-color: #3d9970 !important;
  border-color: #3d9970 !important;
}
.spRRGlobalThemeDarkOlive .form-check-input valid{
  background-color: #3d9970 !important;
  border-color: #3d9970 !important;
  color: #fff;
}
.spRRGlobalThemeDarkOlive .e-btn.e-primary {
  background: #3d9970 !important;
  border-color: #3d9970 !important;
  color: #fff !important;
}
.spRRGlobalThemeDarkOlive .e-checkbox-wrapper .e-frame.e-stop, 
.spRRGlobalThemeDarkOlive .e-css.e-checkbox-wrapper .e-frame.e-stop {
background-color: #3d9970 !important;
border-color: #3d9970 !important;
color: #fff !important;
}
.spRRGlobalThemeDarkOlive .e-switch-wrapper .e-switch-inner.e-switch-active, 
.spRRGlobalThemeDarkOlive .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
background-color: #3d9970 !important;
border-color: #3d9970 !important;
}
.spRRGlobalThemeDarkOlive .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
background-color: #3d9970 !important;
color: #fff !important;
}
.spRRGlobalThemeDarkOlive .form-check-input:checked {
background-color: #3d9970 !important;
border-color: #3d9970 !important;
}
.spRRGlobalThemeDarkOlive .SlRetabviewdesign1 .e-tab .e-tab-header .slRetabclr.e-toolbar-item.e-active {
background: #3d9970 !important;
border: 1px solid #3d9970 !important;
color: #ffffff !important;
}

.spRRGlobalThemeDarkOlive .e-dropdown-btn {
background-color: #3d9970 !important;
border: 1px solid #3d9970 !important;
}
.spRRGlobalThemeDarkOlive .e-dropdown-btn:hover {
background-color: #2a865d !important;
border: 1px solid #2a865d !important;
}
/* SpineLegal DarkOlive theme start */





/* SpineLegal light Violet theme start */
.spRRGlobalThemelightViolet .btn-primary {
  color: #fff;
  background-color: #7e67ff !important;
  border-color: #7e67ff !important;
  box-shadow: none;
}
.spRRGlobalThemelightViolet .btn-primary:hover, .spRRGlobalThemelightViolet .btn-primary:active {
  color: #fff;
  background-color: #2a14aa !important;
  border-color: #2a14aa !important;
  box-shadow: none;
}
.spRRGlobalThemelightViolet .nav-sidebar>.nav-item>.nav-link.active, .spRRGlobalThemelightViolet .nav-sidebar>.nav-item>.nav-link.active  {
    background-color: #7e67ff;
    color: #fff;
}
.spRRGlobalThemelightViolet .slRedashboard .bg-primary {
    background-color: #7e67ff !important;
}
.spRRGlobalThemelightViolet .badge-warning {
    color: #ffffff;
    background-color: #7e67ff;
}
.spRRGlobalThemelightViolet i.nav-icon::before {
    color: #7e67ff !important;
}
.spRRGlobalThemelightViolet .active i.nav-icon::before {
    color: #ffffff !important;
}

.spRRGlobalThemelightViolet .e-css.e-btn.e-upload-browse-btn{
    color: #ffffff !important;
    background-color: #7e67ff !important;
}
.spRRGlobalThemelightViolet .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.spRRGlobalThemelightViolet .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
  background-color: #7e67ff !important;
  border-color: #7e67ff !important;
  color: #fff;
}
.spRRGlobalThemelightViolet .e-checkbox-wrapper .e-frame.e-check, 
.spRRGlobalThemelightViolet .e-checkbox-wrapper .e-frame.e-check:hover{
  background-color: #7e67ff !important;
  border-color: #7e67ff !important;
  color: #fff;
}
.spRRGlobalThemelightViolet .e-radio:checked+label::before {
  background-color: #7e67ff !important;
  border-color: #7e67ff !important;
}
.spRRGlobalThemelightViolet .form-check-input valid{
  background-color: #7e67ff !important;
  border-color: #7e67ff !important;
  color: #fff;
}
.spRRGlobalThemelightViolet .e-btn.e-primary {
  background: #7e67ff !important;
  border-color: #7e67ff !important;
  color: #fff !important;
}
.spRRGlobalThemelightViolet .e-checkbox-wrapper .e-frame.e-stop, 
.spRRGlobalThemelightViolet .e-css.e-checkbox-wrapper .e-frame.e-stop {
background-color: #7e67ff !important;
border-color: #7e67ff !important;
color: #fff !important;
}
.spRRGlobalThemelightViolet .e-switch-wrapper .e-switch-inner.e-switch-active, 
.spRRGlobalThemelightViolet .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
background-color: #7e67ff !important;
border-color: #7e67ff !important;
}
.spRRGlobalThemelightViolet .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
background-color: #7e67ff !important;
color: #fff !important;
}
.spRRGlobalThemelightViolet .form-check-input:checked {
background-color: #7e67ff !important;
border-color: #7e67ff !important;
}
.spRRGlobalThemelightViolet .SlRetabviewdesign1 .e-tab .e-tab-header .slRetabclr.e-toolbar-item.e-active {
background: #7e67ff !important;
border: 1px solid #7e67ff !important;
color: #ffffff !important;
}

.spRRGlobalThemelightViolet .e-dropdown-btn {
background-color: #7e67ff !important;
border: 1px solid #7e67ff !important;
}
.spRRGlobalThemelightViolet .e-dropdown-btn:hover {
background-color: #2a14aa !important;
border: 1px solid #2a14aa !important;
}

/* SpineLegal light Violet theme start */







/* SpineLegal Venetian Red theme start */
.spRRGlobalThemeVenetianRed .btn-primary {
  color: #fff;
  background-color: #ee4d5c !important;
  border-color: #ee4d5c !important;
  box-shadow: none;
}
.spRRGlobalThemeVenetianRed .btn-primary:hover, .spRRGlobalThemeVenetianRed .btn-primary:active {
  color: #fff;
  background-color: #d42c3d !important;
  border-color: #d42c3d !important;
  box-shadow: none;
}
.spRRGlobalThemeVenetianRed .nav-sidebar>.nav-item>.nav-link.active, .spRRGlobalThemeVenetianRed .nav-sidebar>.nav-item>.nav-link.active  {
    background-color: #ee4d5c;
    color: #fff;
}
.spRRGlobalThemeVenetianRed .slRedashboard .bg-primary {
    background-color: #ee4d5c !important;
}
.spRRGlobalThemeVenetianRed .badge-warning {
    color: #ffffff;
    background-color: #ee4d5c;
}
.spRRGlobalThemeVenetianRed i.nav-icon::before {
    color: #ee4d5c !important;
}
.spRRGlobalThemeVenetianRed .active i.nav-icon::before {
    color: #ffffff !important;
}

.spRRGlobalThemeVenetianRed .e-css.e-btn.e-upload-browse-btn{
    color: #ffffff !important;
    background-color: #ee4d5c !important;
}
.spRRGlobalThemeVenetianRed .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.spRRGlobalThemeVenetianRed .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
  background-color: #ee4d5c !important;
  border-color: #ee4d5c !important;
  color: #fff;
}
.spRRGlobalThemeVenetianRed .e-checkbox-wrapper .e-frame.e-check, 
.spRRGlobalThemeVenetianRed .e-checkbox-wrapper .e-frame.e-check:hover{
  background-color: #ee4d5c !important;
  border-color: #ee4d5c !important;
  color: #fff;
}
.spRRGlobalThemeVenetianRed .e-radio:checked+label::before {
  background-color: #ee4d5c !important;
  border-color: #ee4d5c !important;
}

.spRRGlobalThemeVenetianRed .form-check-input valid{
  background-color: #ee4d5c !important;
  border-color: #ee4d5c !important;
  color: #fff;
}
.spRRGlobalThemeVenetianRed .e-btn.e-primary {
  background: #ee4d5c !important;
  border-color: #ee4d5c !important;
  color: #fff !important;
}
.spRRGlobalThemeVenetianRed .e-checkbox-wrapper .e-frame.e-stop, 
.spRRGlobalThemeVenetianRed .e-css.e-checkbox-wrapper .e-frame.e-stop {
background-color: #ee4d5c !important;
border-color: #ee4d5c !important;
color: #fff !important;
}
.spRRGlobalThemeVenetianRed .e-switch-wrapper .e-switch-inner.e-switch-active, 
.spRRGlobalThemeVenetianRed .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
background-color: #ee4d5c !important;
border-color: #ee4d5c !important;
}
.spRRGlobalThemeVenetianRed .e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
background-color: #ee4d5c !important;
color: #fff !important;
}
.spRRGlobalThemeVenetianRed .form-check-input:checked {
background-color: #ee4d5c !important;
border-color: #ee4d5c !important;
}
.spRRGlobalThemeVenetianRed .SlRetabviewdesign1 .e-tab .e-tab-header .slRetabclr.e-toolbar-item.e-active {
background: #ee4d5c !important;
border: 1px solid #ee4d5c !important;
color: #ffffff !important;
}

.spRRGlobalThemeVenetianRed .e-dropdown-btn {
background-color: #ee4d5c !important;
border: 1px solid #ee4d5c !important;
}
.spRRGlobalThemeVenetianRed .e-dropdown-btn:hover {
background-color: #d42c3d !important;
border: 1px solid #d42c3d !important;
}

/* SpineLegal light Violet theme start */




/* #####################   Theme Layout end ##################### */
/* ################################################################ */



/* footer start */
.footerdottexttranspirant{
  color: #ff000000 !important;
}
/* footer end */

.form-check-input {
  position: relative !important;
  margin-top: .3rem;
  margin-left: 0px !important;
}
@media only screen and (min-width:321px) and (max-width:960px) {
  .modal-dialog {
      max-width: 700px !important;
  }
}

/* vertical tab responsive */
@media only screen and (max-width: 480px) {.e-tab.e-vertical-tab .e-content {
  /* For mobile : */
  width: inherit !important;
  /* display: block !important; */
}
}

/* 
@media only screen and (max-width: 768px) { .e-tab.e-vertical-tab .e-content { */
    /* For mobile tablet: */
    /* width: auto !important;
  }
} */

@media only screen and (max-width: 600px) {.slRedetailtablefttabresponse .e-tab .e-tab-header.e-vertical.e-vertical-left {
  /* For mobile : */
  margin-left: 20px !important;
}
}

@media only screen and (max-width: 600px) {.slRedetailtablefttabresponse .e-tab .e-tab-header.e-vertical {
  max-width: 224px;
}
}

/* @media only screen and (max-width: 480px) { 
  .slReactivitylogResponse .e-toolbar-item .e-template .e-itop {
      display: none !important;
  }
} */
@media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
  .slReactivitylogResponse {
    display: none !important;
}
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 5024px)  {
  .slReactivitylogResponse {
    display: block !important;
}
}


@media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
  .slReNavitemResponsive {
    display: none !important;
}
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 5024px)  {
  .slReNavitemResponsive {
    display: block !important;
}
}

@media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
  .slReNavitemdotsResponsive {
    display: block !important;
}
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 5024px)  {
  .slReNavitemdotsResponsive {
    display: none !important;
}
}

@media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
  .slReNavitemdotsResponsivenew {
    display: none !important;
}
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 5024px)  {
  .slReNavitemdotsResponsivenew {
    display: block !important;
}
}

@media screen and (max-width: 480px) {
  .slReactivitylogResponse {
      display: none !important;
  }
}

@media screen and (max-width: 480px) {
.slRecorresbtn {
  margin-top: 4px !important;
}
}

@media screen and (max-width: 480px) {
  .slReintegrationbtn {
    margin-top: 5px !important;
  }
  }

@media screen and (max-width: 480px) {
.slRecorres {
 padding-top: .5rem !important;
 padding-left: 0px;
}
}

@media screen and (max-width: 480px) {
  .slRetaskresp {
   padding-top: .5rem !important;
  }
  }

  @media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
    .slRewrkflwresp {
     margin-top: .5rem !important;
    }
    }

    @media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
      .slRefeelist {
       margin-top: .5rem !important;
      }
      }
      @media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
        .slResbtntoppadding {
         margin-top: .5rem !important;
        }
        }

  @media screen and (max-width: 480px) {
    .slRetrademark {
      margin: .5rem !important;
    }
    }
/* common style end */

.slRelogin-pageMainContainer {
  width: 100%;
  height: 100vh;
}

.slRelogin-pageMainRow {
  /* width: fit-content !important; */
  height: 100vh;
}

.slRelogin-pagebgSubRow {
  height: 80vh;
}

.slRelogin-pagediscliamer {
  height: 20vh;
}

.slRelogin-pageline {
  height: 5px;
  width: 50%;
  background-color: #fff;
}
.slRelogin-pagehead {
  color: #000000;
  font-weight: 700;
  text-align: left;
  padding-left: 0px;
}
.slRelogin-pagefontclr1 {
  color: white;
  padding-top: 10px;
}

.slRelogin-pagefontclr2 {
  color: white;
  font-weight: 700;
}

.slRelogin-pagefontclr3 {
  color: white;
  padding-top: 20px;
}

.slRelogin-pagebtn {
  background-color: #001e50;
  border: none;
}
.slRelogin-pagefrgt {
  font-size: 13px;
}
.slRelogin-pagecard {
  box-shadow: none;
}
.slRelogin-pagerem {
  font-size: 13px;
  font-weight: none;
}

.slReLogin-bg {
  background-image: url("../images/login-bg.png");
  background-repeat: no-repeat, repeat;
  width: 100%;
  background-size: cover;
}


.slReLogin-bg2 {
  background-image: url("../images/LawBEAM-BG.png");
  background-repeat: no-repeat, repeat;
  width: 100%;
  background-size: cover;
}

.login-box {
  max-width: 100% !important;
}

@media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
  .login-box {
    width: fit-content !important;
  }
}

@media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
.slReLogin-bg3 {
  background-image: url("../images/login-bg.png");
  background-repeat: no-repeat, repeat;
  width: 100%;
  background-size: cover;
}}

@media only screen and (max-width: 600px) {
  .slRelogin-pagebgSubRow {
    height: 70vh;
  }
}
.slRelogin-pagefrgtwrp {
  text-align: right;
}

.slRelogin-pagerowpdd {
  padding-bottom: 20px;
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 5024px)  {
  .slRedesktop{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 100% !important;
  max-width: 33.333333% !important;
  min-width: 33.333333% !important;
}
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 5024px)  {
.slRetabview{
  display: none !important;
}
}

@media only screen and (min-device-width: 0px) and (max-device-width: 900px)  {
  .slRelogin .col-md-8 .slRetabwidth {
    flex: 100% !important;
    max-width: 100% !important;
}
}

@media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
  .slRetabwidth {
    flex: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
}

@media only screen and (min-device-width: 0px) and (max-device-width: 1024px)  {
  .slRetabhide {
    display: none !important;
}
}

@media (min-width: 768px) {
  .slRelogin .col-md-8 {
    flex: 100% !important;
    max-width: 100% !important;
  }
}
/*
.slre-changepassrow{
    width:90%;
}*/
/*.e-input-group e-control-container e-control-wrapper
{
    width:95%;
}*/

/* --------------------------------------------------------- */
/* Dashboard stucture start */
/* top nav start */



.SpinRojrightprofile {
  width: 100%;
  height: 100% !important;
  /* box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)!important; */
  border: 2px solid #d1d1d1;
}

.main-header.text-sm .nav-link,
.text-sm .main-header .nav-link {
  height: 1.93725rem;
  padding: 0.25rem 1rem;
}

.badge-danger {
  color: #fff;
  background-color: #001f3f;
}
.badge-warning {
  color: #ffffff;
  background-color: #001f3f;
}

.slRemattermanagement {
  color: #fff !important;
  border-radius: 20px;
}

/* top nav end */

/* sidebar start */
.brand-link.text-sm .brand-image,
.text-sm .brand-link .brand-image {
  height: 20px;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
  width: 1rem;
  font-size: 12px;
  margin-left: 20px;
  line-height: 1.5 !important;
}
/* sidebar end */

.sp-roj-dashboard-profile-img-wrapper {
  width: 100%;
  height: auto;
}

.sp-roj-dashboard-profile-img {
  vertical-align: middle;
  border-style: none;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  object-fit: cover;
}

/* Dashboard stucture end */

/* Changepass start */

.slReChangepassCardRow {
  height: 70vh;
}
@media screen and (max-width: 768px) and (min-width: 0px) {
  .slReChangepassCardRow {
    height: 100%;
  }
}
.slReChangepassCard {
  width: 50%;
}

.card-primary.card-outline-tabs > .card-header a.active,
.card-primary.card-outline-tabs > .card-header a.active:hover {
  border-top: 3px solid #001f3f;
}

@media screen and (max-width: 768px) and (min-width: 0px) {
  .slReChangepassCard {
    width: 100%;
  }
}

/* Changepass end */

/* Form starts */

.card-secondary:not(.card-outline) > .card-header {
  background-color: #e1e1e2;
}
.card-secondary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header a {
  color: #000;
}

.spre-cleintlistmodal .card-title {
  font-size: 22px;
}

.cleintlisttablecard .e-control.e-toolbar.e-lib.e-tab-header.e-keyboard {
  text-align: left;
}
/* Form end */

/* tab design 1 start */
.SlRetabviewdesign1 .e-tab .e-tab-header {
  background: #ffff !important;
  border-radius: 10px;
  padding: 5px 0px 5px 0px;
}
.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
  color: #000000;
}

.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item.e-active {
  background: #d9d9d9 !important;
  border: 1px solid #d9d9d9 !important;
}

.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-items {
  background: inherit;
  margin-left: 10px;
  margin-right: 10px;
}

.SlRetabviewdesign1 .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
  border-radius: 4px;
}

.SlRetabviewdesign1 .e-tab .e-tab-header:not(.e-vertical) .e-indicator,
.e-tab .e-tab-header.e-vertical .e-indicator {
  transition: none;
}
.e-tab .e-tab-header:not(.e-vertical) .e-indicator,
.e-tab .e-tab-header.e-vertical .e-indicator {
  transition: none !important;
}

.SlRetabviewdesign1
  .e-tab
  .e-tab-header:not(.e-vertical)
  .e-toolbar-item.e-active {
  border-radius: 10px;
}

.SlRetabviewdesign1
  .e-tab
  .e-tab-header
  .e-toolbar-item
  .e-icon-top.e-tab-icon::before {
  font-size: 14px;
  color: #001f3f;
}
.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
  font-weight: 600;
}

/* tab design 1 end */

/* left tab design start */

.SlRetableft .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
.SlRetableft .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
  font-size: 16px;
  color: #001f3f;
}

.SlRetableft .e-tab .e-tab-header .e-toolbar-items {
  margin-right: 10px;
}

.SlRetableft
  .e-tab
  .e-tab-header.e-vertical.e-vertical-left
  .e-toolbar-item.e-active {
  border-radius: 4px 4px 4px 4px;
  border-right: 1px solid #fff;
}
.SlRetableft .e-tab.e-vertical-tab .e-content .e-item.e-active {
  padding-left: 15px;
}
/* .SlRetableft .e-tab .e-tab-header.e-vertical {
    max-width: 207px;
} */

.SlRetableft
  .e-control
  .e-toolbar
  .e-lib
  .e-tab-header
  .e-vertical
  .e-vertical-left
  .e-keyboard {
  width: 100%;
}

.SlRetableft .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap {
  padding: 0 0px;
}

.slReInnerLeftTabWrap
  .e-tab
  .e-tab-header.e-vertical
  .e-toolbar-item
  .e-tab-text {
  font-size: 12px !important;
}

@media screen and (max-width: 768px) and (min-width: 0px) {
  .SlRetableft .e-tab {
    background: rgba(0, 0, 0, 0);
    border: none;
    display: flex;
    flex-direction: column;
  }
  .SlRetableft .e-tab .e-tab-header.e-vertical {
    max-width: 100%;
  }
}

/* left tab design end */

/* table design start */
.cleintlisttablecard .e-btn.e-outline:hover,
.e-css.e-btn.e-outline:hover {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #000;
}

.cleintlisttablecard .e-btn.e-outline,
.e-css.e-btn.e-outline {
  background: rgb(255 255 255);
  border-color: #d7d7d7;
  box-shadow: none;
  color: #001f3f;
}

.cleintlisttablecard .e-icons.e-search {
  margin-left: 0px;
  height: 100%;
  height: 32px;
  border: 1px solid #d3d3d3;
  background: #d3d3d3;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.cleintlisttablecard .e-icons.e-filter {
  margin-left: 0px;
  height: 100%;
  height: 32px;
  border: 1px solid #d3d3d3;
}

.cleintlisttablecard .e-toolbar .e-grid .e-icons:not(.e-btn-icon) {
  color: #001f3f;
  height: 32px !important;
  border: 1px solid #d3d3d3;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.cleintlisttablecard span.e-icons.e-export-excel.SlRetableicon.e-btn-icon {
  background-color: #4caf50;
  color: white;
}

.cleintlisttablecard:hover .e-grid:hover .e-icons:not(.e-btn-icon):hover {
  color: #001f3f;
  background: rgb(229 229 229);
  border-color: #e5e5e5;
}

.cleintlisttablecard .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
  background: #e5e5e5 !important;
  color: #001f3f !important;
}

.cleintlisttablecard .e-pager .e-currentitem {
  border: 3px solid #e5e5e5 !important;
  background-color: #e5e5e5;
}

.cleintlisttablecard .e-pager .e-currentitem:hover {
  border: 3px solid #e9ecef !important;
  background-color: #e9ecef;
}

.cleintlisttablecard
  .e-grid
  .e-gridheader
  .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(
    .e-icon-reorderuparrow
  ):not(.e-icon-reorderdownarrow) {
  display: none;
}

.cleintlisttablecard .e-pager .e-numericitem {
  color: #000000 !important;
}

/* table design end */

/* Useradministarion start */
/* .useradminstartionform .form-inline label {
    justify-content: left;
} */
/* .useradminstartionform .e-input-group input:valid .e-input-group.e-control-wrapper input:valid{
    width: 100%;
} */

/* .useradminstartionform .e-input-group.e-control-wrapper input:valid{
    width: 100% !important;
} */
/* Useradministarion end */

/*deatilstab start*/
.slRedetailtab .e-input-group.e-control-wrapper input:valid {
  width: 100% !important;
}

.slRedetailtablefttab
  .e-tab
  .e-tab-header.e-vertical
  .e-toolbar-item
  .e-tab-text {
  font-size: 12px !important;
  align-items: center;
  display: flex;
}

.slRedetailtablefttab
  .e-tab
  .e-tab-header.e-vertical
  .e-toolbar-item
  .e-tab-text
  p {
  margin-bottom: 0px;
}

.slRedetailtablefttab .fas {
  line-height: none;
}
/*deatilstab end*/

/* sfgrid column chooser  begin */
/* .e-grid .e-dialog.e-ccdlg {
    max-height: 600px !important;
    width: 300px !important;
    left: auto !important;
    right: 15px;
}

.e-grid .e-ccdlg .e-cc-contentdiv {
    height: 250px !important;
    width: 250px !important;
} */
/* sfgrid column chooser  End */

/* wrkflowmanagement start */

.wrkflowmanagement .e-upload .e-file-select-wrap .e-btn,
.e-upload .e-upload-actions .e-btn,
.e-bigger.e-small .e-upload .e-file-select-wrap .e-btn,
.e-bigger.e-small .e-upload .e-upload-actions .e-btn {
  background-color: #001f3f;
}
.wrkflowmanagement .e-upload {
  border: 0px;
}

.wrkflowmanagement .e-btn {
  background-color: #fff;
}

.wrkflowmanagement .e-upload.e-control-wrapper,
.e-bigger.e-small .e-upload.e-control-wrapper .e-file-container {
  height: 1;
  width: 1;
}

.wrkflowmanagement .e-upload .e-file-select-wrap .e-file-drop,
.e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop {
  display: none;
}

.wrkflowmanagement .e-upload .e-upload-files .e-upload-file-list {
  display: none;
}

.wrkflowmanagement .e-upload .e-file-select-wrap .e-file-select,
.e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select {
  display: none;
}

.wrkflowmanagement .parent-bold {
  font-weight: bold;
}

/* wrkflowmanagement end */

/* taskmanagement start */
.slReRoundNotificationButton {
  width: fit-content;
  border: none;
  padding: 1px 5px;
  font-size: 9px;
  cursor: pointer;
  border-radius: 54px;
  background-color: #bdbdbd !important;
  height: 100%;
  margin-left: auto;
  color: black;
}

.SlRetableft .e-tab .e-tab-header.e-vertical {
  max-width: unset;
  width: 18% !important;
}
.SlRetableft .e-tab.e-vertical-tab .e-content {
  display: -ms-flexbox;
  display: flex;
  width: 82%;
}

.SlRetableft .e-tab {
  display: block;
  position: relative;
  width: 100% !important;
  width: 100%;
  display: flex;
  justify-content: space-between;
}



/* taskmanagement end */

/* Deadline dialog Start */
.e-popup.e-popup-open.e-dialog.slRepopup {
  display: -ms-inline-flexbox;
  display: inline-flex;
  z-index: 9999 !important;
  width: 96%;
  margin-left: 2%;
}

/* Deadline dialog end */

/* PreCase Documnet start */
.slReprecasedoc .e-upload .e-file-select-wrap .e-btn,
.e-upload .e-upload-actions .e-btn,
.e-bigger.e-small .e-upload .e-file-select-wrap .e-btn,
.e-bigger.e-small .e-upload .e-upload-actions .e-btn {
  background-color: #001f3f;
}

.slReprecasedoc .e-upload {
  width: 100%;
  height: 550px;
}
.slReprecasedoc .e-btn.e-outline:hover {
  background: #001f3f;
  border-color: #6c757d;
  box-shadow: none;
  color: #fff;
}
/* PreCase Documnet end */

/* table badges start */
.badge {
  font-size: 11px;
}

.badge-new {
  color: #ff9800;
  background-color: #fff9ab;
}

.badge-inprogress {
  color: #2196f3;
  background-color: #daecf8;
}

.badge-completed {
  color: #4caf50;
  background-color: #def0d8;
}

.badge-closed {
  color: #f44336;
  background-color: #fbd3d5;
}

.badge-archived {
  color: #666666;
  background-color: #c5c5c5;
}
.badge-opencase {
  color: #fff;
  background-color: #1d77bf;
}

/* table badges end */

/* firm feed start */

.direct-chat-messages {
  height: 100vh;
}

/* firm feed end */

/* new matter start */

.slRenewmatter .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
  border: none !important;
}

.slRenewmatter .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
  border: none;
}

.slRenewmatter
  .SlRetabviewdesign1
  .e-tab
  .e-tab-header
  .e-toolbar-item.e-active {
  border: none !important;
}

.slRenewmatter .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  border: none !important;
}

.slRenewmatter .fa,
.fab,
.fad,
.fal,
.far,
.fas {
  line-height: 1.5 !important;
}

.SlRetabviewdesign1 .e-tab .e-tab-header .slRetabclr.e-toolbar-item.e-active {
  background: #001f3f !important;
  border: 1px solid #001f3f !important;
  color: #ffffff !important;
}
.SlRetabviewdesign1
  .e-tab
  .e-tab-header
  .slRetabclr.e-toolbar-item.e-active
  .e-tab-text:hover {
  color: #ffffff !important;
}
.e-tab .e-tab-header .slRetabclr.e-toolbar-item.e-active.e-ileft .e-tab-text {
  color: #ffffff;
}

.e-tab
  .e-tab-header
  .slRetabclr.e-toolbar-item.e-active.e-ileft
  .e-tab-text:hover {
  color: #ffffff;
}

/* new matter end */

/* application setup start */

/* application setup end */

/* dashboard start */

.slRedashboard .bg-info {
  color: #000 !important;
  background-color: #9f9f9f !important;
}
.slRedashboard .bg-primary {
  background-color: #001f3f !important;
}

.slRedashboard .AvatarWrap {
  width: 100%;
  position: relative;
  height: auto;
}
.slRedashboard .avatar {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.slRedashboard .avatar1 {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
}
.slRedashboard .avatar2 {
  position: absolute;
  margin-top: 0px;
  margin-left: 15px;
}
.slRedashboard .avatar3 {
  position: absolute;
  margin-top: 0px;
  margin-left: 35px;
}

/* dashboard end */

/* usersettings start */
/* .slReusersettings .e-btn,
.e-css.e-btn {
  color: #fff;
  background-color: #001f3f !important;
  border-color: #606264;
  box-shadow: none;
} */

/* .slReusersettings .e-btn:hover,
.e-css.e-btn:hover {
  background: #134b85 !important;
  border-color: #134b85;
  box-shadow: none;
  color: #fff;
} */

.slReusersettings #dropArea .e-upload-files .e-file-delete-btn.e-icons,
#dropArea .e-upload-files .e-file-remove-btn.e-icons,
#dropArea .e-upload-files .e-file-abort-btn {
  top: 120px;
  background-color: white;
  border-radius: 50%;
  font-size: 12px;
  left: 80px;
}

.slReusersettings
  #dropArea
  .e-upload-files
  li
  .e-file-remove-btn.e-icons.e-upload-icon {
  font-size: 14px;
  left: 20px;
}

.slReusersettings #dropArea .e-upload-files li:hover .e-icons {
  visibility: visible;
}

.slReusersettings #dropArea .e-upload-files li .e-icons {
  visibility: hidden;
}

.slReusersettings
  #dropArea
  .e-upload
  .e-upload-files
  .e-icons.e-upload-icon::before {
  content: "\e700";
}

.slReusersettings
  #dropArea
  .e-upload
  .e-upload-files
  .e-icons:not(.e-uploaded):hover {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #333;
}

.slReusersettings #dropArea .e-upload .e-upload-files .e-upload-file-list {
  border: 0;
  display: inline-block;
  width: 165px;
}

.slReusersettings .upload-image {
  width: 150px;
  height: 150px;
  display: inline-flex;
  background-size: contain;
  margin: 7px;
  text-align: center;
  line-height: 10;
  border-radius: 100px;
  object-fit: cover;
}

.slReusersettings .upload-image:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: inherit;
  height: inherit;
  background: lightgray url("http://via.placeholder.com/300?text=Loading...")
    no-repeat center;
  color: transparent;
  border-radius: 5px;
}

.slReusersettings .e-upload,
.e-bigger.e-small .e-upload {
  width: 100%;
  height: auto;
}

.slReusersettings div.file-name {
  color: rgb(14 121 32);
  font-size: 14px;
  padding: 3px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  white-space: nowrap;
}

.slReusersettings div.file-size {
  font-size: 13px;
  padding: 3px 10px;
  overflow: hidden;
}

.slReusersettings #dropArea progress {
  border: none;
  background: #fff;
}

.slReusersettings progress::-webkit-progress-bar {
  border: none;
  background-color: #ffffff;
}

.slReusersettings .e-upload .e-upload-files {
  border-top: 0px solid !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .slReusersettings
    #dropArea
    .e-upload
    .e-upload-files
    .e-file-remove-btn.e-icons,
  .e-bigger #dropArea .e-upload .e-upload-files .e-file-remove-btn.e-icons {
    padding: 18px 25px 18px 12px;
  }
}
/* usersettings end */
.slReDropdowbbtn .e-dropdown-btn {
  background-color: #f8f9fa !important;
  border: 1px solid #c9c9c9 !important;
  color: #6c757d !important;
}

.slReDropdowbbtn span.e-rte-dropdown-btn-text {
  color: #6c757d !important;
}

.slReDropdowbbtn .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
  background: #5c636a  !important;
  border-color: #6c757d  !important;
  border-style: solid  !important;
  border-width: 0  !important;
  border-radius: 4px  !important;
}

.slReDropdowbbtn span.e-rte-dropdown-btn-text:hover {
  color: #ffffff !important;
}

/*timelinepage*/
.slRetimelinearrow {
  position: relative;
  top: 14px;
  color: #7f7f7f;
  font-size: 25px;
  margin-left: 37px;
}


.timeline::before {
  border-radius: .25rem !important;
  background-color: #7f7f7f !important;
  bottom: 0 !important;
  content: "";
  left: 49px !important;
  margin: 0;
  position: absolute;
  top: 0;
  width: 4px !important;
}


/* help panel start */

.slRehelppanel{
width: 100% !important;
height: 4000px !important;
border: none;
}



.slResidenav {
display: none;
height: 100%;
width: 50%;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: #ffff;
overflow-x: hidden;
padding-top: 40px;
}

.slResidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block !important;
}



.slResidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
/* font-size: 36px; */
margin-left: 50px;
}

@media screen and (max-height: 450px) {
.slResidenav {padding-top: 15px;}
.slResidenav a {font-size: 18px;}
}
.main-sidebar .nav-item a.nav-link {
    display: flex;
    justify-content: flex-start;
}

.main-sidebar .nav-item i.fa.fa-file-text-o.nav-icon {
    margin-top: 4px;
}
/* help panel end */

/* Matter details timer dropdown bg */
.SlRetimerCardBg {
  background: lightgrey;
}


/* Matter details correspondance accordion start*/
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state>.e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state>.e-acrdn-header {
  border-color: #ffffff !important;
  background: #e9e9e9 !important;
}
.e-accordion .e-acrdn-item.e-selected.e-select>.e-acrdn-header {
  background: #e9e9e9  !important;
  border-radius: 0;
  border-color: #ffffff  !important;
  border-style: solid;
  border-width: 0px !important;
}

.e-accordion .e-acrdn-item.e-selected>.e-acrdn-header>.e-acrdn-header-content {
  color: #000000  !important;
}
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state>.e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state>.e-acrdn-header .e-acrdn-header-content {
  color: #000000 !important;
}

.e-accordion .e-acrdn-item.e-selected>.e-acrdn-header>.e-toggle-icon {
  color: #000000 !important;
}
.e-accordion .e-acrdn-item.e-select.e-acrdn-item>.e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
  color: #000000 !important;
}
.e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state>.e-acrdn-header:hover {
  background: #e1e1e1  !important;
}
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state>.e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state>.e-acrdn-header:hover .e-acrdn-header-content {
  color: #000000  !important;
}

selected.e-expand-state>.e-acrdn-header>.e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state>.e-acrdn-header>.e-toggle-icon {
  color: #000000  !important;
}
.e-accordion {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #fff;
  border: 1px solid #dee2e6 !important;
  border-radius: 4px !important;
}
.e-accordion .e-acrdn-item.e-select.e-acrdn-item>.e-acrdn-header:hover .e-acrdn-header-content {
  color: #000000 !important;
}
/* Matter details correspondance accordion end*/




/* clientaccounting button */
.btn-light-grey{
  background: #d9d9d9 !important;
    border-color: #d9d9d9 !important;
    color: #000000 !important;
}


.btn-light-grey:hover {
  background: #bebebe !important;
    border-color: #bebebe !important;
    color: #000000 !important;
}

/* clientaccounting button */





/* Notification Dropdown start */

.dropdown-menu-xxl {
  min-width: 500px;
  min-height: 90vh;
}

.slreicondot{
  visibility: hidden;
}
td:hover .slreicondot {
  visibility: visible;
  align-items: right;
}


.SlRenotitblehover td:hover {
  background: #f0f0f0;
    border-radius: 7px;
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
    border: none;
}

.slreicon{
  line-height: 1.9 !important;
}

.slrestackclr {
  color: #ffffff;
  background: #001f3f !important;
  border-radius: 50px !important;
}



/* Notification Dropdown end */



.e-toolbar-item .e-dropdown-btn {
  background-color: none !important;
    border: none !important;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}