.page-drawer-wrapper {
    width: 450px;
    height: 100%;
    position: fixed;
    right: -450px;
    top: 0;
    transition: all .2s;
    z-index: 9999
}
.page-drawer-wrapper.drawer-open {
    right: 0;
    box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3), 0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3), 0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3)
}

.page-drawer-wrapper.drawer-open::before {
    opacity: 1
}
.drawer-heading:first-child {
    padding-top: 33px;
}
#mdb-preloader {
    background-color: #f1f4f6;
}
.side-nav-under-navbar .navbar {
    z-index: 1040;
}
.side-nav-under-navbar .side-nav {
    margin-top: 45px !important;
}
.side-nav-under-navbar .navbar .navbar-brand {
    margin-left: -15rem;
}
@media only screen and (max-width: 1440px){
    .side-nav-under-navbar .navbar .navbar-brand {
        margin-left: 0;
    }
}
.bs-input-action-post-icon {
    float: right;
    right: 10px;
    top: 43px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.card.small-boxed-card {
    width: 20rem;
}
/* @media (min-width: 1200px){ */
/* .fixed-sn main { */
/*     margin-left: 20% !important; */
/*     margin-right: 20% !important; */
/*   } */
/* } */

/* ribbon from adminlte */
.ribbon-wrapper {
  height: 70px;
  overflow: hidden;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 70px;
  z-index: 10;
}

.ribbon-wrapper.ribbon-lg {
  height: 120px;
  width: 120px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
  right: 0px;
  top: 26px;
  width: 160px;
}

.ribbon-wrapper.ribbon-xl {
  height: 180px;
  width: 180px;
}

.ribbon-wrapper.ribbon-xl .ribbon {
  right: 4px;
  top: 47px;
  width: 240px;
}

.ribbon-wrapper .ribbon {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  font-size: 0.8rem;
  line-height: 100%;
  padding: 0.375rem 0;
  position: relative;
  right: -2px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  top: 10px;
  transform: rotate(45deg);
  width: 90px;
}

.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #9e9e9e;
  bottom: -3px;
  content: '';
  position: absolute;
}

.ribbon-wrapper .ribbon::before {
  left: 0;
}

.ribbon-wrapper .ribbon::after {
  right: 0;
}
/* fine ribbon */