@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?vxhhmk");
  src: url("../fonts/icomoon.eot?vxhhmk#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?vxhhmk") format("truetype"), url("../fonts/icomoon.woff?vxhhmk") format("woff"), url("../fonts/icomoon.svg?vxhhmk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-dashboard:before {
  content: "\e900"; }

.icon-computer:before {
  content: "\e901"; }

.icon-stats:before {
  content: "\e902"; }

.icon-analytics:before {
  content: "\e903"; }

.icon-calendar:before {
  content: "\e904"; }

.icon-calendar-1:before {
  content: "\e905"; }

.icon-calendar-2:before {
  content: "\e906"; }

.icon-calendar-3:before {
  content: "\e907"; }

.icon-user:before {
  content: "\e908"; }

.icon-user-1:before {
  content: "\e909"; }

.icon-lock:before {
  content: "\e90a"; }

.icon-key:before {
  content: "\e90b"; }

.icon-keyhole:before {
  content: "\e90c"; }

.icon-bell:before {
  content: "\e90d"; }

.icon-wallet:before {
  content: "\e90e"; }

.icon-graph:before {
  content: "\e90f"; }

.icon-pie-chart:before {
  content: "\e910"; }

.icon-diagram:before {
  content: "\e911"; }

.icon-graph-1:before {
  content: "\e912"; }

.icon-time-passing:before {
  content: "\e913"; }

.icon-coin:before {
  content: "\e914"; }

.icon-home:before {
  content: "\e915"; }

.icon-send:before {
  content: "\e916"; }

.icon-email:before {
  content: "\e917"; }

.icon-write-letter:before {
  content: "\e918"; }

.icon-location:before {
  content: "\e919"; }

.icon-email-1:before {
  content: "\e91a"; }

.icon-contact:before {
  content: "\e91b"; }

.icon-call:before {
  content: "\e91c"; }

.icon-like:before {
  content: "\e91d"; }

.icon-error:before {
  content: "\e91e"; }

.icon-play-button:before {
  content: "\e91f"; }

.icon-placeholder:before {
  content: "\e920"; }

.icon-search:before {
  content: "\e921"; }

.icon-clock:before {
  content: "\e922"; }

.icon-edit:before {
  content: "\e923"; }

.icon-stopwatch:before {
  content: "\e924"; }

.icon-settings:before {
  content: "\e925"; }

.icon-picture:before {
  content: "\e926"; }

.icon-list:before {
  content: "\e927"; }

.icon-placeholder-1:before {
  content: "\e928"; }

.icon-share:before {
  content: "\e929"; }

.icon-file:before {
  content: "\e92a"; }

.icon-users:before {
  content: "\e92b"; }

.icon-file-1:before {
  content: "\e92c"; }

.icon-folder:before {
  content: "\e92d"; }

.icon-success:before {
  content: "\e92e"; }

.icon-locked:before {
  content: "\e92f"; }

.icon-unlocked:before {
  content: "\e930"; }

.icon-like-1:before {
  content: "\e931"; }

.icon-heart:before {
  content: "\e932"; }

.icon-heart-1:before {
  content: "\e933"; }

.icon-heart-2:before {
  content: "\e934"; }

.icon-star:before {
  content: "\e935"; }

.icon-gift:before {
  content: "\e936"; }

.icon-giftbox:before {
  content: "\e937"; }

.icon-presentation:before {
  content: "\e938"; }

.icon-presentation-1:before {
  content: "\e939"; }

.icon-pie-chart-1:before {
  content: "\e93a"; }

.icon-health:before {
  content: "\e93b"; }

.icon-presentation-2:before {
  content: "\e93c"; }

.icon-analytics-1:before {
  content: "\e93d"; }

.icon-analytics-2:before {
  content: "\e93e"; }

.icon-analytics-3:before {
  content: "\e93f"; }

.icon-analytics-4:before {
  content: "\e940"; }

.icon-analytics-5:before {
  content: "\e941"; }

.icon-analytics-6:before {
  content: "\e942"; }

.icon-analytics-7:before {
  content: "\e943"; }

.icon-right-arrow:before {
  content: "\e944"; }

.icon-left-arrow:before {
  content: "\e945"; }

.icon-expand:before {
  content: "\e946"; }

.icon-backspace:before {
  content: "\e947"; }

.icon-right-arrow-1:before {
  content: "\e948"; }

.icon-refresh:before {
  content: "\e949"; }

.icon-right-arrow-2:before {
  content: "\e94a"; }

.icon-sort:before {
  content: "\e94b"; }

.icon-focus:before {
  content: "\e94c"; }

.icon-drag:before {
  content: "\e94d"; }

.icon-archery:before {
  content: "\e94e"; }

.icon-up-arrow:before {
  content: "\e94f"; }

.icon-movement:before {
  content: "\e950"; }

.icon-funnel:before {
  content: "\e951"; }

.icon-playlist:before {
  content: "\e952"; }

.icon-menu:before {
  content: "\e953"; }

.icon-menu-1:before {
  content: "\e954"; }

.icon-pictures:before {
  content: "\e955"; }

.icon-picture-1:before {
  content: "\e956"; }

.icon-picture-2:before {
  content: "\e957"; }

.icon-stack-of-photos:before {
  content: "\e958"; }

.icon-photo-camera:before {
  content: "\e959"; }

.icon-photo-camera-1:before {
  content: "\e95a"; }

.icon-photo-camera-2:before {
  content: "\e95b"; }

.icon-camera:before {
  content: "\e95c"; }

.icon-delete:before {
  content: "\e95d"; }

.icon-delete-1:before {
  content: "\e95e"; }

.icon-delete-button:before {
  content: "\e95f"; }

.icon-error-1:before {
  content: "\e960"; }

.icon-trash:before {
  content: "\e961"; }

.icon-cloud-computing:before {
  content: "\e962"; }

.icon-cloud-computing-1:before {
  content: "\e963"; }

.icon-upload:before {
  content: "\e964"; }

.icon-rupee-indian:before {
  content: "\e965"; }

.icon-dollar-symbol:before {
  content: "\e966"; }

.icon-coin-1:before {
  content: "\e967"; }

.icon-save-money:before {
  content: "\e968"; }

.icon-money:before {
  content: "\e969"; }

.icon-investment:before {
  content: "\e96a"; }

.icon-shopping-cart:before {
  content: "\e96b"; }

.icon-shopping-cart-1:before {
  content: "\e96c"; }

.icon-shopping-cart-2:before {
  content: "\e96d"; }

.icon-shopping-cart-3:before {
  content: "\e96e"; }

.icon-plus:before {
  content: "\e96f"; }

.icon-add-circular-button:before {
  content: "\e970"; }

.icon-add-contact:before {
  content: "\e971"; }

.icon-bullseye:before {
  content: "\e972"; }

.icon-menu-2:before {
  content: "\e973"; }

.icon-expand-1:before {
  content: "\e974"; }

.icon-unlink:before {
  content: "\e975"; }

.icon-download:before {
  content: "\e976"; }

.icon-back:before {
  content: "\e977"; }

.icon-list-1:before {
  content: "\e978"; }

.icon-minus:before {
  content: "\e979"; }

.icon-link:before {
  content: "\e97a"; }

.icon-resize:before {
  content: "\e97b"; }

.icon-down-arrow:before {
  content: "\e97c"; }

.icon-speech-bubble:before {
  content: "\e97d"; }

.icon-speech-bubble-1:before {
  content: "\e97e"; }

.icon-sun:before {
  content: "\e97f"; }

.icon-location-1:before {
  content: "\e980"; }

.icon-pencil:before {
  content: "\e981"; }

.icon-layers:before {
  content: "\e982"; }

.icon-paint-palette:before {
  content: "\e983"; }

.icon-edit-1:before {
  content: "\e984"; }

.icon-folder-2:before {
  content: "\e985"; }

.icon-instagram-social-outlined-logo:before {
  content: "\e986"; }

.icon-twitter-social-outlined-logo:before {
  content: "\e987"; }

.icon-facebook-logo-outline:before {
  content: "\e988"; }

.icon-youtube-play-button-outlined-social-symbol:before {
  content: "\e989"; }

.icon-linkedin-social-outline-logotype:before {
  content: "\e98a"; }

.icon-google-plus-outlined-logo-social-symbol:before {
  content: "\e98b"; }

.icon-pinterest-outlined-logo:before {
  content: "\e98c"; }

.icon-android-social-outlined-logo:before {
  content: "\e98d"; }

.icon-apple-social-logo-outline:before {
  content: "\e98e"; }

.icon-tumblr-outlined-social-logo-symbol-of-a-letter:before {
  content: "\e98f"; }

body {
  background-color: #f1f5fa;
  position: relative;
  height: 100vh; }

.load {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: 999999;
  background: #3a2323;
  background: -moz-radial-gradient(circle, #eeeeee 0%, #b1b1b1 100%);
  background: -webkit-radial-gradient(circle, #eeeeee 0%, #b1b1b1 100%);
  background: radial-gradient(circle, #eeeeee 0%, #b1b1b1 100%); }
  .load .lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px; }
  .load .lds-ripple div {
    position: absolute;
    border: 4px solid #363636;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
  .load .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s; }

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0; } }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  transition: 0.15s linear left; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  transition: 0.15s linear top; }

.breadcrumb-item + .breadcrumb-item::before {
  color: #fff; }

nav.bg-light {
  background-color: transparent !important; }
  nav.bg-light li {
    margin-right: 20px !important; }
    nav.bg-light li a {
      color: #fff !important; }
    nav.bg-light li .dropdown-menu a {
      color: #343335 !important; }
    nav.bg-light li:last-child {
      margin-right: 0px !important; }

.breadcrumbs_section {
  padding-left: 15px; }
  .breadcrumbs_section h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 15px; }
  .breadcrumbs_section .breadcrumb {
    background-color: transparent;
    padding: 0px; }
    .breadcrumbs_section .breadcrumb li {
      text-transform: uppercase; }
      .breadcrumbs_section .breadcrumb li a {
        color: #fff; }
      .breadcrumbs_section .breadcrumb li.active {
        color: #343335; }

span.menuicon.icon-menu-2 {
  color: #fff;
  font-size: 27px;
  position: absolute;
  left: 7px;
  top: 10px;
  padding: 10px;
  cursor: pointer;
  z-index: 91; }

form.search {
  position: absolute;
  left: 70px;
  top: 15px;
  z-index: 999;
  outline: none !important; }
  form.search input {
    border-radius: 20px;
    border: none;
    height: 36px;
    padding: 0px 19px;
    line-height: normal;
    padding-right: 40px; }
  form.search button {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 9px;
    top: 4px;
    font-weight: bold; }
    form.search button span.icon-search {
      font-weight: bold; }

button {
  outline: none !important;
  position: relative; }
  button:active {
    top: 1px; }

.edit, .delete {
  background-color: transparent;
  border: none;
  color: #4d79f6;
  font-size: 16px;
  cursor: pointer; }

.delete {
  color: #ff5722; }

.btn {
  border-radius: 2px;
  font-size: 14px;
  border: none;
  opacity: 0.9;
  transition: 0.3s;
  box-shadow: 0px 0px 2px #ccc;
  color: #fff; }
  .btn:hover {
    opacity: 1;
    transition: 0.3s; }

.btn-success,
.bg-success {
  background-color: #1ecab8 !important; }

.btn-secondary,
.bg-secondary {
  background-color: #4ac7ec !important; }

.btn-warning,
.bg-warning {
  background-color: #f3c74d !important; }

.btn-info,
.bg-info {
  background-color: #9ba7ca !important; }

.btn-danger,
.bg-danger {
  background-color: #f1646c !important; }

.btn-primary,
.bg-primary {
  background-color: #4d79f6 !important; }

.btn-dark,
.bg-dark {
  background-color: #2f4686 !important; }

.btn-light {
  color: #50649c; }

.am_cahart {
  width: 100%;
  height: 480px; }
  @media (max-width: 1439px) {
    .am_cahart {
      height: auto; } }
  .am_cahart span {
    font-size: 14px !important;
    color: #343335 !important; }

div#chart4 {
  min-height: 350px !important;
  overflow: hidden; }

.rates ul {
  padding: 0px; }

.rates ul li {
  display: block;
  margin-bottom: 25px; }
  .rates ul li h5 {
    margin-bottom: 10px;
    text-transform: capitalize; }

.dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  transform: translateY(12px); }
  .dropdown-menu.show {
    transition: 0.3s;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px); }

.notification_dropdown {
  min-width: 280px;
  padding: 0px; }
  .notification_dropdown h2 {
    text-align: center;
    text-transform: capitalize;
    padding: 15px;
    background: -webkit-linear-gradient(45deg, #303f9f, #7b1fa2);
    background: -moz- oldlinear-gradient(45deg, #303f9f, #7b1fa2);
    background: -o-linear-gradient(45deg, #303f9f, #7b1fa2);
    background: linear-gradient(45deg, #303f9f, #7b1fa2);
    -webkit-box-shadow: 3px 3px 20px 0 rgba(123, 31, 162, 0.5);
    box-shadow: 3px 3px 20px 0 rgba(123, 31, 162, 0.5);
    color: #fff;
    font-size: 15px;
    margin-bottom: 0px; }
  .notification_dropdown a {
    display: block;
    margin-bottom: 5px;
    display: block;
    padding: 10px;
    text-transform: capitalize;
    color: inherit !important;
    background-color: inherit !important; }
    .notification_dropdown a span {
      font-size: 26px;
      color: #ff4081; }
    .notification_dropdown a h5 {
      font-size: 15px;
      margin-bottom: 0px; }
    .notification_dropdown a p {
      white-space: normal;
      font-size: 14px; }
    .notification_dropdown a b {
      color: #b1b1b1;
      font-weight: normal;
      float: right;
      margin-top: 9px;
      font-size: 11px; }
    .notification_dropdown a .media {
      border-bottom: 1px dashed #ccc;
      padding: 10px 0px; }
      .notification_dropdown a .media:last-child {
        border-bottom: none; }

.profile .dropdown-menu {
  padding: 0px;
  min-width: 215px; }
  .profile .dropdown-menu a {
    padding: 10px 20px;
    text-transform: capitalize; }
  .profile .dropdown-menu span {
    margin-right: 10px; }

.profile h5 {
  font-size: 15px;
  margin: 0px;
  color: #fff; }

.profile p {
  color: #fff;
  margin-bottom: 0px;
  font-size: 14px; }

.profile img {
  width: 18px;
  margin-right: 4px; }

.profile .media {
  padding: 10px;
  background: -webkit-linear-gradient(45deg, #303f9f, #7b1fa2);
  background: -moz- oldlinear-gradient(45deg, #303f9f, #7b1fa2);
  background: -o-linear-gradient(45deg, #303f9f, #7b1fa2);
  background: linear-gradient(45deg, #303f9f, #7b1fa2);
  -webkit-box-shadow: 3px 3px 20px 0 rgba(123, 31, 162, 0.5);
  box-shadow: 3px 3px 20px 0 rgba(123, 31, 162, 0.5);
  color: #fff; }
  .profile .media img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 20px; }

nav.bg-light li .dropdown-item:active {
  border: none;
  background-color: transparent;
  color: inherit !important; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f1f5fa; }

.table-hover tbody tr:hover {
  background-color: #f1f5fa; }

.table-responsive {
  white-space: nowrap; }

.tables h3 {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 20px;
  color: #343335; }
  @media (max-width: 767px) {
    .tables h3 {
      font-size: 15px; } }

.tables .table thead {
  font-weight: 300; }
  .tables .table thead th {
    border-bottom: none;
    color: #6b6b6b;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 13px; }

.tables td {
  font-size: 13px; }
  .tables td .media img {
    width: 40px;
    height: 40px;
    border-radius: 100%; }

.tables .thead-dark th {
  color: #fff !important;
  background-color: #ff4081;
  border-color: #ff4081; }

section.main.showit {
  width: 100% !important;
  float: none !important;
  transition: 0.5s; }

aside.sidebar.hideit {
  left: -300px;
  transition: 0.3s; }

.page-item.active .page-link {
  background-color: #ff4081;
  border-color: #ff4081; }

.page-link {
  color: #ff4081; }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  background-color: #ff4081; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 15px 0; }

div#DataTables_Table_0_wrapper {
  overflow-x: auto; }

.mytable th,
.mytable td {
  min-width: 70px;
  border: 1px solid #f1f5fa;
  padding: 10px; }

button.dt-button.buttons-collection.buttons-colvis {
  background-image: none !important;
  background-color: #8220a0 !important;
  color: #fff !important;
  border-radius: 45px;
  border: none !important; }

.dt-button-collection {
  overflow: auto !important;
  height: 400px;
  width: 250px !important; }

button.dt-button.buttons-columnVisibility.active {
  background-color: #8220a0 !important;
  background-image: none !important;
  color: #fff;
  border: none; }

button.dt-button.buttons-columnVisibility {
  background-image: none !important;
  background-color: #fb2b72 !important;
  border: none !important;
  color: #fff !important; }

.mytable3 th,
.mytable3 td,
.mytable4 th,
.mytable4 td,
.mytable2 th,
.mytable2 td {
  min-width: 67px; }

.form-group label {
  text-transform: capitalize;
  margin-bottom: 4px; }
.form-control {
	height: calc(1.2em + .75rem + 2px) !important;
}
.form-group .form-control {
  border-radius: 1px;
  border: 1px solid #f1f1f1;
}
.modal-header{
	padding: .5rem .5rem !important;
}
.form-group .form-control:focus {
    border-color: #f1f5fa;
    box-shadow: 0 0 0 0.2rem #f1f5fa; 
}

.datepicker {
  position: relative;
  padding-left: 14px !important; }

.gj-datepicker-md [role="right-icon"] {
  top: 12px !important;
  right: 7px !important;
  color: #ff4081;
  box-shadow: 0px 0px 4px #fff !important; }

.gj-picker-md table tr td.selected.gj-cursor-pointer div {
  background-color: #ff4081 !important; }

.timepicker {
  position: relative;
  padding-left: 14px !important; }

.gj-timepicker-md [role="right-icon"] {
  top: 12px !important;
  right: 7px !important;
  color: #ff4081;
  box-shadow: 0px 0px 4px #fff !important; }

.gj-picker-md table tr td.selected.gj-cursor-pointer div {
  background-color: #ff4081 !important; }

.gj-picker.gj-picker-md.timepicker {
  padding: 0px !important; }

.gj-picker-md [role="header"],
.gj-picker-md .arrow-begin,
.gj-picker-md [role="body"] [role="arrow"] {
  background-color: #ff4081 !important; }

.gj-picker-md .arrow-end {
  border: 16px solid #ff4081 !important; }

.gj-picker-md [role="footer"] button.gj-button-md {
  color: #ff4081 !important; }

.form-inline .form-group {
  align-items: center;
  margin-bottom: 15px; }
  .form-inline .form-group label {
    min-width: 150px;
    justify-content: left !important; }

.rounded input {
  border-radius: 45px !important; }

.rounded {
  border-radius: 45px !important; }

.underline input {
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  padding-left: 5px; }
  .underline input:focus {
    border-bottom: 2px solid #4d79f6 !important; }

@media (max-width: 1279px) {
  .navbar-toggler {
    display: none; }
  section.main {
    width: 100% !important; }
  .sidebar {
    left: -300px !important; }
  aside.sidebar.hideit {
    left: 0px !important; }
  .am_cahart {
    height: auto; }
  div#chart4 {
    min-height: auto !important; }
  .ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    /* overflow: hidden !important; */
    -ms-overflow-style: none;
    overflow-x: auto !important; }
  section.main {
    float: none;
    overflow-x: auto; } }

@media (max-width: 1023px) {
  .breadcrumbs_section h1 {
    margin-top: 50px; } }

@media (max-width: 359px) {
  form.search input {
    width: 216px !important; } }

.sidebar {
  position: fixed;
  width: 300px;
  top: 0px;
  box-shadow: 8px 0px 12px -3px rgba(204, 204, 204, 0.1);
  height: 100%;
  left: 0px;
  z-index: 9999;
  background-color: #fbfdff;
  transition: 0.3s; }
  @media (max-width: 359px) {
    .sidebar {
      width: 260px; } }
  .sidebar .mobile_section {
    display: none;
    padding: 30px;
    padding-top: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #cccc;
    padding-bottom: 0px; }
    .sidebar .mobile_section .media {
      align-items: center; }
    .sidebar .mobile_section img.align-self-start {
      width: 50px;
      height: 50px;
      border-radius: 100%;
      margin-right: 10px;
      object-fit: cover; }
    .sidebar .mobile_section ul {
      padding: 0px;
      margin-top: 20px; }
      .sidebar .mobile_section ul li {
        display: block; }
        .sidebar .mobile_section ul li a {
          padding: 10px;
          text-transform: capitalize; }
          .sidebar .mobile_section ul li a span {
            margin-right: 10px; }
    @media (max-width: 1279px) {
      .sidebar .mobile_section {
        display: block; } }
  .sidebar .scroller .logo {
    text-align: center;
    text-transform: uppercase;
    color: #fff; }
    .sidebar .scroller .logo img {
      width: 120px; }
  .sidebar .scroller .menu {
    padding: 15px; }
    .sidebar .scroller .menu li {
      display: block;
      margin-bottom: 13px; 
	  background: #f1ecea;
	}
      .sidebar .scroller .menu li a {
        display: block;
        color: #343335;
        text-transform: capitalize;
        text-decoration: none;
        border-radius: 5px;
        transition: 0.3s;
        line-height: 22px;
        padding: 9px;
        position: relative; }
        @media (max-width: 767px) {
          .sidebar .scroller .menu li a {
            padding: 8px; } }
        .sidebar .scroller .menu li a i {
          margin-right: 15px;
          font-size: 20px; }
        .sidebar .scroller .menu li a small {
          white-space: nowrap;
          width: calc(100% - 67px);
          overflow: hidden;
          text-overflow: ellipsis;
          display: inline-block;
          vertical-align: middle;
          font-size: 15px;
          text-transform: capitalize; }
        .sidebar .scroller .menu li a span {
          float: right;
          position: relative;
          transform: rotate(90deg);
          top: 4px; }
        .sidebar .scroller .menu li a:hover {
          background-color: #f1f5fa;
          transition: 0.3s; }
      .sidebar .scroller .menu li.active a {
        background: -webkit-linear-gradient(45deg, #ff4081, #7b1fa2);
        background: -moz- oldlinear-gradient(45deg, #ff4081, #7b1fa2);
        background: -o-linear-gradient 45deg, #ff4081, #7b1fa2;
        background: linear-gradient(45deg, #ff4081, #7b1fa2);
        box-shadow: 3px 3px 20px 0 rgba(232, 58, 134, 0.25);
        color: #fff; }
      .sidebar .scroller .menu li .submenu {
        display: none;
        padding-left: 15px;
        margin-top: 20px; }
        .sidebar .scroller .menu li .submenu li a {
          color: #343335;
          background: transparent;
          box-shadow: none; }
          .sidebar .scroller .menu li .submenu li a:hover {
            background-color: #f1f5fa;
            transition: 0.3s; }
      .sidebar .scroller .menu li .submenu2 {
        display: none;
        padding-left: 15px;
        margin-top: 20px; }
        .sidebar .scroller .menu li .submenu2 li a {
          color: #343335;
          background: transparent;
          box-shadow: none; }
          .sidebar .scroller .menu li .submenu2 li a:hover {
            background-color: #f1f5fa;
            transition: 0.3s; }

section.main {
  width: calc(100% - 300px);
  transition: 0.3s;
  float: right; }
  section.main .scroller .wrapper {
    min-height: calc(100vh - 64px);
    position: relative; }
    section.main .scroller .wrapper .gradient {
      background: -webkit-linear-gradient(45deg, #ff4081, #7b1fa2);
      background: -moz- oldlinear-gradient(45deg, #ff4081, #7b1fa2);
      background: -o-linear-gradient 45deg, #ff4081, #7b1fa2;
      background: linear-gradient(45deg, #ff4081, #7b1fa2);
      box-shadow: 3px 3px 20px 0 rgba(232, 58, 134, 0.25);
      height: 107px;
      width: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: -999; }
    section.main .scroller .wrapper .navbar-nav {
      background-color: transparent !important;
      display: flex;
      margin-left: auto; }
    section.main .scroller .wrapper .inner_section {
      padding: 0px 15px; }
      section.main .scroller .wrapper .inner_section .dashboard .col-md-6 {
        margin-bottom: 30px; }
      section.main .scroller .wrapper .inner_section .dashboard .col-xl-3.col-lg-4.col-md-6.mb-2 {
        margin-bottom: 30px !important; }
      section.main .scroller .wrapper .inner_section .dashboard figure {
        background-color: #fff;
        padding: 25px 20px;
        border-radius: 8px;
        height: 100%;
        box-shadow: 0px 1px 12px rgba(204, 204, 204, 0.55); }
        section.main .scroller .wrapper .inner_section .dashboard figure b {
          font-weight: normal;
          color: #6b6b6b;
          text-transform: uppercase; }
        section.main .scroller .wrapper .inner_section .dashboard figure h3 {
          text-transform: capitalize; }
        section.main .scroller .wrapper .inner_section .dashboard figure span {
          float: right;
          font-size: 50px;
          color: #8220a0; }
        section.main .scroller .wrapper .inner_section .dashboard figure h3 {
          margin-top: 15px; }
  section.main .scroller .basic_table .gradient {
    height: 100px; }
  section.main .scroller .basic_table .inner_section {
    margin-top: 40px;
    margin-bottom: 40px; }
    section.main .scroller .basic_table .inner_section figure {
      padding: 20px;
      box-shadow: 0px 2px 13px rgba(204, 204, 204, 0.380392);
      background-color: #fff;
      border-radius: 5px;
      background-color: #fff;
      height: 100%; }
  section.main .scroller footer {
    overflow: hidden;
    clear: both;
    background: -webkit-linear-gradient(45deg, #ff4081, #7b1fa2);
    background: -moz- oldlinear-gradient(45deg, #ff4081, #7b1fa2);
    background: -o-linear-gradient 45deg, #ff4081, #7b1fa2;
    background: linear-gradient(45deg, #ff4081, #7b1fa2);
    box-shadow: 3px 3px 20px 0 rgba(232, 58, 134, 0.25);
    padding: 20px; }
    section.main .scroller footer p {
      margin: 0px;
      text-transform: capitalize;
      color: #fff; }

.notifications .delete {
  color: #ff5722;
  background-color: #fff;
  border-radius: 20px;
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  margin: 8px; }

.notifications a {
  color: #fff; }

.notifications .media.border.p-3 {
  background: -webkit-linear-gradient(45deg, #ff4081, #7b1fa2);
  background: -moz- oldlinear-gradient(45deg, #ff4081, #7b1fa2);
  background: -o-linear-gradient 45deg, #ff4081, #7b1fa2;
  background: linear-gradient(45deg, #ff4081, #7b1fa2);
  box-shadow: 3px 3px 20px 0 rgba(232, 58, 134, 0.25);
  margin-bottom: 20px;
  align-items: center; }

.notifications i.icon-bell {
  font-size: 31px;
  margin-right: 13px; }

.notifications h5 {
  text-transform: capitalize;
  font-size: 18px !important; }
  @media (max-width: 767px) {
    .notifications h5 {
      font-size: 12px !important; } }

@media (max-width: 767px) {
  .notifications i {
    font-size: 12px; } }

.login_page {
  background-image: url(../images/bg5.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center; }
  .login_page .login {
    padding: 20px;
    margin: 100px auto 0px;
    max-width: 500px;
    background-color: #fff; }
    @media (max-width: 767px) {
      .login_page .login {
        margin: 50px auto 0px;
        max-width: 325px; } }
  .login_page h4 {
    text-align: center;
    margin-bottom: 20px;
    text-transform: capitalize; }
    @media (max-width: 767px) {
      .login_page h4 {
        font-size: 20px; } }
  .login_page .mybtn1 {
    display: block;
    width: 100%;
    padding: 14px;
    border: none;
    background: #e14535;
    background: linear-gradient(120deg, #e14535 0%, #c23426 50%);
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    border-radius: 45px;
    transition: 0.3s;
    margin-top: 30px;
    box-shadow: 0px 4px 5px rgba(216, 64, 49, 0.45);
    outline: none !important; }