/* @media only screen and (max-width: 1024px) {
  .page-container .page-sidebar {
    position: relative;
    float: left;
    width: 100%;
  }

  .scrollbar {
    height: 100%;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 1px !important;
  }

  .page-container .page-sidebar.scroll {
    position: relative;
  }

  .page-container .page-content {
    margin-left: 0px;
  }

  .page-container .page-content .content-frame .content-frame-left,
  .page-container .page-content .content-frame .content-frame-right {
    width: 100%;
    display: none;
  }

  .page-container .page-content .content-frame .content-frame-body {
    margin-left: 0px;
    margin-right: 0px;
  }

  .page-container .page-content .content-frame .content-frame-body.content-frame-body-left {
    margin-right: 0px;
  }

  .page-container .page-content .content-frame .content-frame-left-toggle,
  .page-container .page-content .content-frame .content-frame-right-toggle {
    display: inline-block;
  }

  .page-container.page-navigation-toggled .page-content {
    margin-left: 0px;
  }

  .page-container.page-mode-rtl .page-content {
    margin-right: 0px;
  }

  .page-container.page-navigation-top-fixed .x-navigation.x-navigation-horizontal {
    padding-right: 0px;
    position: relative;
  }

  .page-container.page-navigation-top-fixed .page-content {
    padding-top: 0px;
  }

  .x-navigation {
    /* max-height: 80px; */
    /* overflow: hidden; */
    /*background: #1b1e24;*/
  /* } */

  .x-navigation.x-navigation-panel {
    /* height: 50px; */
    max-height: auto;
    overflow: visible;
  }

  .x-navigation.x-navigation-panel li.xn-icon-button {
    /*width: 50px;*/
  }

  .x-navigation.x-navigation-panel li.xn-search {
    width: auto;
  }

  .x-navigation .xn-search input {
    width: 100%;
  }

  .x-navigation.x-navigation-open {
    max-height: 240px;
    overflow-y: scroll;
  }

  .x-navigation .x-navigation-control {
    display: block;
  }

  .x-navigation-minimize {
    /*display: none !important;*/
  }

  .x-navigation-horizontal > li > ul ul,
  .x-navigation-horizontal > li > ul.xn-drop-left ul {
    position: relative;
    left: auto;
    right: auto;
    margin-left: 0px;
    margin-right: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .x-navigation-horizontal > li > ul ul:after {
    display: none;
  }

  /* XNAV PANEL */
  .x-navigation li > .panel {
    width: 250px;
  }

  /* END XNAV PANEL */
  /* list icons */
  .icons-list li {
    width: 100%;
  }

  /* END list icons */
  /* Gallery */
  .gallery .gallery-item {
    width: 50%;
  }

  /* End Gallery */
  /* Timeline */
  .timeline .timeline-item .timeline-item-content {
    width: 90%;
  }

  .timeline .timeline-item .timeline-item-content:before,
  .timeline .timeline-item .timeline-item-content:after {
    left: 90%;
  }

  .timeline .timeline-item.timeline-item-right .timeline-item-content:before,
  .timeline .timeline-item.timeline-item-right .timeline-item-content:after {
    right: 90%;
  }

  /* END Timeline */
  /* Error */
  .error-container {
    width: 100%;
  }

  /* End Error */
  /* Settings */
  .theme-settings {
    display: none;
  }

  /* End Settings */
  .post-image {
    width: 300px;
  }

  .x-navigation.x-navigation-horizontal .mobileviewnone > a {
    /* display: none; */
  }

@media only screen and (max-width: 800px) {

  /* Force table to not be like tables anymore */
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #no-more-tables tr {
    border: 1px solid #ccc;
  }

  #no-more-tables td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }

  #no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  #no-more-tables td:before {
    content: attr(data-title);
  }
}

@media only screen and (max-width: 768px) {
  [class^='col-xs-'],
  [class^='col-sm-'],
  [class^='col-md-'],
  [class^='col-lg-'] {
    margin-bottom: 10px;
  }

  /* LOGIN */
  .login-container {
    padding: 0px 10px;
  }

  .login-container .login-box {
    padding-top: 10px;
    width: 100%;
  }

  /* END LOGIN */
  /* TOCIFY */
  .tocify {
    display: none;
  }

  /* END TOCIFY */
  /* TIMELINE */
  .timeline.timeline-right:before {
    left: 60px;
  }

  .timeline.timeline-right .timeline-item {
    padding-left: 110px;
  }

  .timeline.timeline-right .timeline-item.timeline-main {
    width: 60px;
  }

  .timeline.timeline-right .timeline-item .timeline-item-icon {
    left: 40px;
  }

  .timeline.timeline-right .timeline-item .timeline-item-info {
    top: 45px;
    width: 70px;
    left: 25px;
    padding: 7px 0px;
  }

  /* END TIMELINE */
  .post-image {
    width: 100%;
  }

  .btn-div {
    vertical-align: middle;
    position: relative !important;
    top: 0px !important;
  }
}


/* ********** loader CSS opened ********** */
.loader2 {
  font-size: 8px;
  margin: 5em auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 12rem auto;
  -webkit-animation: load2 1.3s infinite linear;
  animation: load2 1.3s infinite linear;
}

.list-loader{
  margin: 5rem auto;
}

.reports-loader {
  position: absolute;
  font-size: 8px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-animation: load2 1.3s infinite linear;
  animation: load2 1.3s infinite linear;
}

.validation-loader {
  position: absolute;
  font-size: 3px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-animation: load2 1.3s infinite linear;
  animation: load2 1.3s infinite linear;
}

@-webkit-keyframes load2 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #37b7e5, 2em -2em 0 0em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 -0.5em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 0em #37b7e5;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #37b7e5, 2em -2em 0 0.2em #37b7e5, 3em 0em 0 0em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 -0.5em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 0em #37b7e5, 3em 0em 0 0.2em #37b7e5, 2em 2em 0 0em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 -0.5em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 0em #37b7e5, 2em 2em 0 0.2em #37b7e5, 0em 3em 0 0em #37b7e5, -2em 2em 0 -0.5em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 0em #37b7e5, 0em 3em 0 0.2em #37b7e5, -2em 2em 0 0em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 0em #37b7e5, -2em 2em 0 0.2em #37b7e5, -3em 0em 0 0em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 0em #37b7e5, -3em 0em 0 0.2em #37b7e5, -2em -2em 0 0em #37b7e5;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 0em #37b7e5, -3em 0em 0 0em #37b7e5, -2em -2em 0 0.2em #37b7e5;
  }
}

@keyframes load2 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #37b7e5, 2em -2em 0 0em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 -0.5em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 0em #37b7e5;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #37b7e5, 2em -2em 0 0.2em #37b7e5, 3em 0em 0 0em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 -0.5em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 0em #37b7e5, 3em 0em 0 0.2em #37b7e5, 2em 2em 0 0em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 -0.5em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 0em #37b7e5, 2em 2em 0 0.2em #37b7e5, 0em 3em 0 0em #37b7e5, -2em 2em 0 -0.5em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 0em #37b7e5, 0em 3em 0 0.2em #37b7e5, -2em 2em 0 0em #37b7e5, -3em 0em 0 -0.5em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 0em #37b7e5, -2em 2em 0 0.2em #37b7e5, -3em 0em 0 0em #37b7e5, -2em -2em 0 -0.5em #37b7e5;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 0em #37b7e5, -3em 0em 0 0.2em #37b7e5, -2em -2em 0 0em #37b7e5;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #37b7e5, 2em -2em 0 -0.5em #37b7e5, 3em 0em 0 -0.5em #37b7e5, 2em 2em 0 -0.5em #37b7e5, 0em 3em 0 -0.5em #37b7e5, -2em 2em 0 0em #37b7e5, -3em 0em 0 0em #37b7e5, -2em -2em 0 0.2em #37b7e5;
  }
}

/* ********** loader CSS Closed ********** */

@media (min-width: 992px) {
  .modal-lg.modal-xl {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .table-responsive {

    border: none;
  }
}

@media (min-width: 992px) {

}