body {
      overflow-x: hidden;
}

html:not([dir=rtl]) table.table-bordered.dataTable tr:first-child th:first-child,
html:not([dir=rtl]) table.table-bordered.dataTable td:first-child {
      border-left-width: 1px !important;
}

html:not([dir=rtl]) table.table-bordered.dataTable tr:first-child th:last-child,
html:not([dir=rtl]) table.table-bordered.dataTable td:last-child {
      border-right-width: 1px !important;
}

.bg-navbar-theme {
      background-color: #242424 !important;
}

.bg-menu-theme {
      background-color: #242424 !important;
      color: #fff;
      box-shadow: none !important;
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
      color: #fff;
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner>.menu-item.open:not(.active),
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner>.menu-item.open:not(.active) {
      background-color: #333;
}

.bg-menu-theme .menu-inner>.menu-item.active {
      background-color: #333;
}

.container {
      max-width: 100%;
}

.layout-wrapper:not(.layout-horizontal) .breadcrumb-wrapper {
      padding: 20px 0 !important;
      margin-bottom: 0;
}

.bg-menu-theme .menu-text {
      color: #fff;
}

.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle) {
      color: #fff;
      background-color: #242424;
}

.menu-item.open>.menu-sub {
      padding: 0px 10px 10px;
}

.card-header {
      border-bottom: 1px solid #d4d8dd;
      padding: 15px;
}

.card-header h4 {
      font-size: 16px;
      margin: 0;
}

.card-body {
      padding: 20px;
}

.card .card-header+.card-body,
.card .card-header+.card-content>.card-body:first-of-type {
      padding-top: 20px;
}

form .form-group {
      margin-bottom: 15px;
}

.ev_table .btn-sm {
      padding: 0;
      width: 30px;
      height: 30px;
      text-align: center;
      margin: 0 5px;
}

.ev_table .btn-sm i {
      line-height: 30px;
}

.ev_table_top_s {
      display: flex;
      align-items: center;
      justify-content: flex-end;
}

.ev_table_top_s .dt-buttons {
      margin-right: 15px;
}

.footer {
      background-color: #242424;
      color: #fff;
      text-align: center;
      padding: 15px;
      margin-top: 30px;
}

.footer p {
    margin-bottom: 0px;
}


/* Navbar */

nav{
      background: linear-gradient(to right, #f43b48 0%, #453a94 100%);
      border-bottom: 1px solid transparent;
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);  
}

aside .demo{
      background:  #f43b48 ;
      border-bottom: 1px solid transparent;
      /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);  */
}

.bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle){
      color:red !important;
}
.bg-menu-theme .menu-item.active>.menu-link > :not(.menu-icon){
      color:#f43b48 !important;
      text-decoration: underline;
      font-weight: 200;
}

.bg-menu-theme .menu-inner .menu-sub > .menu-item.active > .menu-link.menu-toggle .menu-icon, .bg-menu-theme .menu-inner .menu-sub > .menu-item.open > .menu-link.menu-toggle .menu-icon{
      color:#f43b48;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-expanded) .bg-menu-theme .menu-inner > .menu-item.active .menu-link{
      color:#f43b48;
}

.menu-vertical .menu-inner{
      background-color: #34444c;
      border-right: 1px solid transparent;
      bottom: 0;
      left: 0;
      margin-top: 0;
      transition: all 0.2s ease-in-out 0s;
      z-index: 1001;
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item, .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item.active .menu-link{
      background-color: rgb(52, 68, 76);
      border-right: 1px solid transparent;
      margin-top: 0px;
      transition: all 0.2s ease-in-out 0s;
      z-index: 1001;
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner>.menu-item.open:not(.active), .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner>.menu-item.open:not(.active){

      background-color: rgb(52, 68, 76);
      border-right: 1px solid transparent;
      margin-top: 0px;
      transition: all 0.2s ease-in-out 0s;
      z-index: 1001;
}

.bg-menu-theme .menu-inner-shadow{
      background: unset;
}

.bg-menu-theme .ps__thumb-y, .bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y{
      width: 7px !important;
      position: absolute;
      top: 113px ;
      opacity: 0.4;
      display: block;
      border-radius: 7px;
      z-index: 99;
      right: 1px;
      /* height: 308px !important; */
      background: rgb(204, 204, 204) !important;
}

.bg-menu-theme .menu-sub > .menu-item > .menu-link:before{
      background-color: transparent !important;
}

.bg-menu-theme hr, .bg-menu-theme .menu-divider, .bg-menu-theme .menu-inner > .menu-item.open > .menu-sub::before{
      display: none;
}

.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before{
      background-color: transparent !important;
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item, .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item.active .menu-link{
      border:none;
}

.app-brand .layout-menu-toggle i{
      color:white;
}

.add-btn{
      background-color: #f43b48;
      border: 1px solid #f43b48;
      border-radius: 50px;
      color: #fff;
      float: right;
      font-weight: 500;
      min-width: 140px;
      cursor: pointer;
}
.submit_btn{
      background-color: #f43b48;
      border: 1px solid #f43b48;
      border-radius: 50px;
      color: #fff;
      font-weight: 500;
      min-width: 140px;
      cursor: pointer;
}

.submit_btn:hover{
      background-color: #f43b48;
      border: 1px solid #f43b48;
      /* border-radius: 50px; */
      color: #fff;
}
.submit_btn:focus-within{
      background-color: #f43b48;
      border: 1px solid #f43b48;
}
.search_btn{
      background: #4ab657 !important;
      border: 1px solid #4ab657 !important;
      border-radius: 5px ;
      color: #fff;
      font-weight: 500;
      min-width: 130px;
      cursor: pointer;
}

.search_btn:hover{
      background: #4ab657;
      border: 1px solid #4ab657;
}

.add-btn:hover{
      color: #fff;
}

.reset_btn{
      background-color: #f43b48 !important;
      border: 1px solid #f43b48 !important;
      border-radius: 5px !important;
      color: #fff;
      font-weight: 500;
      cursor: pointer;
}

.reset_btn:hover{
      background-color: #f43b48;
      border: 1px solid #f43b48;
}

.container .container {
      padding:20px ;
}

.footer{
      background-color: #34444c;
}

.menu-vertical .menu-item .menu-toggle::after {
      right: 2.938rem;
  }
  .layout-content-navbar .layout-menu{
      width:230px;
  }
  table.dataTable thead th{
      font-size: 15px !important;
      color: black !important;
  }
  .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item, .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item.active .menu-link{
      margin: 0;
  }

  .menu-vertical .menu-sub .menu-link{
      padding-top:7px;
      padding-bottom:7px;
  }

  .bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next {
      color: #b7c0cd;
  }

  .bg-menu-theme .menu-link:hover, .bg-menu-theme:hover .menu-horizontal-prev:hover, .bg-menu-theme .menu-horizontal-next:hover {
      color: white;
  }

  .menu-vertical .menu-item .menu-link, .menu-vertical .menu-block {
      padding: 0.625rem 1.938rem !important;
  }

  .layout-menu-collapsed .admin_title{
      display:none;
  }

@media (min-width:992px) and (max-width:1199px) {
      .reset_btn{
          margin-top:5px;
      }

      .search_btn{
            min-width: 60px;
      }
}

@media (min-width: 1200px){
      .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
            padding-left: 14.25rem;
      }

      .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
            left: 14.25rem;
        }
}