@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
    margin-top: 11px;
    margin-bottom: 10px; }
  div.dataTables_wrapper div div.dataTables_paginate ul.pagination {
    flex-wrap: wrap !important;
    justify-content: center !important; }
    div.dataTables_wrapper div div.dataTables_paginate ul.pagination li {
      margin-bottom: 10px; }
      div.dataTables_wrapper div div.dataTables_paginate ul.pagination li a {
        font-size: 11px; } }
table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px; }
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em; }
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
  top: 5px; }
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
  border-left-width: 0; }
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child {
  border-right-width: 0; }
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
  border-bottom-width: 0; }

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0; }
div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0; }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child, div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-left: 0;
    padding-right: 0; }

/*     Table    */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  vertical-align: middle; }
.table > tbody > tr > td, .table > tbody > tr > th {
  padding: 8px; }
.table > tfoot > tr > td, .table > tfoot > tr > th {
  padding: 8px; }
.table thead th {
  border-bottom-width: 2px;
  font-weight: 600; }
.table td, .table th {
  font-size: 14px;
  border-top-width: 0px;
  border-bottom: 1px solid;
  border-color: #ebedf2 !important;
  padding: 0 25px !important;
  height: 60px;
  vertical-align: middle !important;
  background-color: #fff; }

/* table full-width */
.table-full-width {
  margin-left: -15px;
  margin-right: -15px; }

/* table bordered states */
.table-bordered-bd-default td, .table-bordered-bd-default th {
  border: 1px solid #1a2035 !important; }

.table-bordered-bd-primary td, .table-bordered-bd-primary th {
  border: 1px solid #1572E8 !important; }

.table-bordered-bd-secondary td, .table-bordered-bd-secondary th {
  border: 1px solid #6861CE !important; }

.table-bordered-bd-info td, .table-bordered-bd-info th {
  border: 1px solid #48ABF7 !important; }

.table-bordered-bd-success td, .table-bordered-bd-success th {
  border: 1px solid #31CE36 !important; }

.table-bordered-bd-warning td, .table-bordered-bd-warning th {
  border: 1px solid #FFAD46 !important; }

.table-bordered-bd-danger td, .table-bordered-bd-danger th {
  border: 1px solid #F25961 !important; }

.table-striped td, .table-striped th {
  border-top: 0 !important;
  border-bottom: 0 !important; }

/* table head background states*/
.table-head-bg-default thead {
  border: 1px solid #1a2035 !important; }

.table-head-bg-primary thead {
  border: 1px solid #1572E8 !important; }

.table-head-bg-secondary thead {
  border: 1px solid #6861CE !important; }

.table-head-bg-info thead {
  border: 1px solid #48ABF7 !important; }

.table-head-bg-success thead {
  border: 1px solid #31CE36 !important; }

.table-head-bg-warning thead {
  border: 1px solid #FFAD46 !important; }

.table-head-bg-danger thead {
  border: 1px solid #F25961 !important; }

.table-head-bg-default thead th, .table-striped-bg-default tbody tr:nth-of-type(odd) {
  background: #1a2035 !important;
  color: #ffffff !important;
  border: 0px !important; }

.table-head-bg-primary thead th, .table-striped-bg-primary tbody tr:nth-of-type(odd) {
  background: #1572E8 !important;
  color: #ffffff !important;
  border: 0px !important; }

.table-head-bg-secondary thead th, .table-striped-bg-secondary tbody tr:nth-of-type(odd) {
  background: #6861CE !important;
  color: #ffffff !important;
  border: 0px !important; }

.table-head-bg-info thead th, .table-striped-bg-info tbody tr:nth-of-type(odd) {
  background: #48ABF7 !important;
  color: #ffffff !important;
  border: 0px !important; }

.table-head-bg-success thead th, .table-striped-bg-success tbody tr:nth-of-type(odd) {
  background: #31CE36 !important;
  color: #ffffff !important;
  border: 0px !important; }

.table-head-bg-warning thead th, .table-striped-bg-warning tbody tr:nth-of-type(odd) {
  background: #FFAD46 !important;
  color: #ffffff !important;
  border: 0px !important; }

.table-head-bg-danger thead th, .table-striped-bg-danger tbody tr:nth-of-type(odd) {
  background: #F25961 !important;
  color: #ffffff !important;
  border: 0px !important; }
@media screen and (max-width: 767px) {
/* table-responsive */
.table-responsive {
  width: 100% !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }


}
.badge-default {
  background: #1a2035;
  color: #ffffff !important; }

.badge-primary {
  background: #1572E8; }

.badge-secondary {
  background: #6861CE; }

.badge-info {
  background: #48ABF7; }

.badge-success {
  background-color: #31CE36; }

.badge-warning {
  background: #FFAD46;
  color: #ffffff !important; }

.badge-danger {
  background-color: #F25961; }

/*    Alert States    */
.alert-default {
  border-left: 4px solid #1a2035; }
  .alert-default [data-notify="icon"]:before {
    background: #1a2035; }

.alert-primary {
  border-left: 4px solid #1572E8; }
  .alert-primary [data-notify="icon"]:before {
    background: #1572E8; }

.alert-secondary {
  border-left: 4px solid #6861CE; }
  .alert-secondary [data-notify="icon"]:before {
    background: #6861CE; }

.alert-info {
  border-left: 4px solid #48ABF7; }
  .alert-info [data-notify="icon"]:before {
    background: #48ABF7; }

.alert-success {
  border-left: 4px solid #31CE36; }
  .alert-success [data-notify="icon"]:before {
    background: #31CE36; }

.alert-warning {
  border-left: 4px solid #FFAD46; }
  .alert-warning [data-notify="icon"]:before {
    background: #FFAD46; }

.alert-danger {
  border-left: 4px solid #F25961; }
  .alert-danger [data-notify="icon"]:before {
    background: #F25961; }

/*    Button    */
.btn {
  padding: .65rem 1.4rem;
  font-size: 14px;
  opacity: 1;
  border-radius: 3px; }
  .btn:hover, .btn:focus {
    opacity: 0.9;
    transition: all .3s; }
  .btn .btn-label {
    display: inline-block; }
    .btn .btn-label i {
      font-size: 16px;
      vertical-align: middle;
      margin-right: 2px;
      margin-left: -2px;
      line-height: 0;
      margin-top: -2.5px; }
    .btn .btn-label.just-icon i {
      margin-left: 0 !important;
      margin-right: 0px !important; }

/*     Button Sizes     */
.btn-lg {
  font-size: 15px;
  border-radius: 3px;
  padding: 12.5px 27.5px;
  font-weight: 400; }
  .btn-lg .btn-label i {
    font-size: 27px;
    vertical-align: middle;
    margin-right: 2px;
    margin-left: -7px;
    line-height: 0;
    margin-top: -2.5px; }
  .btn-lg .btn-label.just-icon i {
    margin-left: 0 !important;
    margin-right: 0px !important; }

.btn-sm {
  font-size: 11px;
  padding: 7px 13px; }

.btn-xs {
  font-size: 10px;
  padding: 5px 9px; }

.btn.disabled:hover, .btn:hover:disabled {
  opacity: 0.65; }

/*      Button Icon        */
.btn-icon {
  font-size: .9375rem;
  height: 2.5125rem;
  line-height: normal;
  min-width: 2.5125rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 2.5125rem; }
  .btn-icon.btn-lg {
    height: 2.75rem;
    min-width: 2.75rem;
    width: 2.75rem; }
  .btn-icon.btn-sm {
    height: 2rem;
    min-width: 2rem;
    width: 2rem; }
  .btn-icon.btn-xs {
    height: 1.6875rem;
    min-width: 1.6875rem;
    width: 1.6875rem; }

/*      Button States      */
.btn-white {
  background: #ffffff !important;
  color: #1a2035 !important; }
  .btn-white:hover, .btn-white:focus, .btn-white:disabled {
    background: #ffffff !important;
    color: #1a2035 !important; }

.btn-default {
  background: #1a2035 !important;
  color: #ffffff !important; }
  .btn-default:hover, .btn-default:focus, .btn-default:disabled {
    background: #1a2035 !important;
    color: #ffffff !important; }

.btn-primary {
  background: #1572E8 !important;
  border-color: #1572E8 !important; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:disabled {
    background: #1572E8 !important;
    border-color: #1572E8 !important; }

.btn-secondary {
  background: #6861CE !important;
  border-color: #6861CE !important; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:disabled {
    background: #6861CE !important;
    border-color: #6861CE !important; }

.btn-info {
  background: #48ABF7 !important;
  border-color: #48ABF7 !important; }
  .btn-info:hover, .btn-info:focus, .btn-info:disabled {
    background: #48ABF7 !important;
    border-color: #48ABF7 !important; }

.btn-success {
  background: #31CE36 !important;
  border-color: #31CE36 !important; }
  .btn-success:hover, .btn-success:focus, .btn-success:disabled {
    background: #31CE36 !important;
    border-color: #31CE36 !important; }

.btn-warning {
  background: #FFAD46 !important;
  border-color: #FFAD46 !important;
  color: #ffffff !important; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:disabled {
    background: #FFAD46 !important;
    border-color: #FFAD46 !important;
    color: #ffffff !important; }

.btn-danger {
  background: #F25961 !important;
  border-color: #F25961 !important; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:disabled {
    background: #F25961 !important;
    border-color: #F25961 !important; }

.btn-light {
  background: #ffffff !important;
  border-color: transparent; }
  .btn-light:hover, .btn-light:focus, .btn-light:disabled {
    background: #ebecec !important;
    border-color: transparent; }

.btn-dropdown-card-header {
  padding: 0;
  background: transparent;
  color: inherit;
  font-size: 15px; }
  .btn-dropdown-card-header:after {
    display: none; }

/*      Button Border     */
.btn-border {
  background: transparent !important; }
  .btn-border:hover, .btn-border:focus {
    background: transparent !important; }
  .btn-border.btn-white {
    color: #ffffff !important;
    border: 1px solid #ffffff !important; }
  .btn-border.btn-default {
    color: #1a2035 !important;
    border: 1px solid #1a2035 !important; }
  .btn-border.btn-primary {
    color: #1572E8 !important;
    border: 1px solid #1572E8 !important; }
  .btn-border.btn-secondary {
    color: #6861CE !important;
    border: 1px solid #6861CE !important; }
  .btn-border.btn-info {
    color: #48ABF7 !important;
    border: 1px solid #48ABF7 !important; }
  .btn-border.btn-success {
    color: #31CE36 !important;
    border: 1px solid #31CE36 !important; }
  .btn-border.btn-warning {
    color: #FFAD46 !important;
    border: 1px solid #FFAD46 !important; }
  .btn-border.btn-danger {
    color: #F25961 !important;
    border: 1px solid #F25961 !important; }
  .btn-border.btn-light {
    border: 1px solid #efefef;
    background: #fff !important; }

/*      Button Rounded      */
.btn-round {
  border-radius: 100px !important; }

/*      Button Link      */
.btn-link {
  border: 0 !important;
  background: transparent !important; }
  .btn-link:hover, .btn-link:focus {
    text-decoration: underline !important;
    background: transparent !important;
    border: 0 !important; }
  .btn-link.btn-default {
    color: #1a2035 !important; }
    .btn-link.btn-default:hover {
      color: #1a2035 !important; }
  .btn-link.btn-primary {
    color: #1572E8 !important; }
    .btn-link.btn-primary:hover {
      color: #1572E8 !important; }
  .btn-link.btn-secondary {
    color: #6861CE !important; }
    .btn-link.btn-secondary:hover {
      color: #6861CE !important; }
  .btn-link.btn-info {
    color: #48ABF7 !important; }
    .btn-link.btn-info:hover {
      color: #48ABF7 !important; }
  .btn-link.btn-success {
    color: #31CE36 !important; }
    .btn-link.btn-success:hover {
      color: #31CE36 !important; }
  .btn-link.btn-warning {
    color: #FFAD46 !important; }
    .btn-link.btn-warning:hover {
      color: #FFAD46 !important; }
  .btn-link.btn-danger {
    color: #F25961 !important; }
    .btn-link.btn-danger:hover {
      color: #F25961 !important; }

.toggle-on.btn {
  color: #ffffff !important; }

.toggle-handle {
  background: #ffffff !important; }
  .toggle-handle:hover {
    background: #ffffff !important; }

.btn-round .toggle-handle {
  border-radius: 50px; }

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

.btn-full {
  width: 100%; }

.btn-no-radius {
  border-radius: 0px; }


/*      Datatable     */
table.dataTable {
  clear: both;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  max-width: none !important;
  border-collapse: separate !important; }
  table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
    text-align: center; }
  table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap; }

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap; }
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block; }
div.dataTables_wrapper div.dataTables_filter {
  text-align: right; }
  div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left; }
  div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto; }
div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap; }
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right; }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end; }
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0; }

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
  padding-right: 30px; }
table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
  outline: none; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.5; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191";
  font-size: 15px; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "\2193";
  font-size: 15px; }
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
  opacity: 1; }
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0; }

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important; }
div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
  div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none; }
  div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none; }
div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box; }
  div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
    margin-top: 0 !important;
    border-top: none; }

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
    margin-top: 11px;
    margin-bottom: 10px; }
  div.dataTables_wrapper div div.dataTables_paginate ul.pagination {
    flex-wrap: wrap !important;
    justify-content: center !important; }
    div.dataTables_wrapper div div.dataTables_paginate ul.pagination li {
      margin-bottom: 10px; }
      div.dataTables_wrapper div div.dataTables_paginate ul.pagination li a {
        font-size: 11px; } }
table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px; }
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em; }
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
  top: 5px; }
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
  border-left-width: 0; }
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child {
  border-right-width: 0; }
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
  border-bottom-width: 0; }

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0; }
div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0; }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child, div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-left: 0;
    padding-right: 0; }

/*     Responsive     */
@media screen and (max-width: 576px) {
  .row-card-no-pd [class*=col-] .card:before {
    width: calc(100% - 30px) !important;
    right: 15px !important;
    height: 1px !important; }
  .row-card-no-pd [class*=col-]:first-child .card:before {
    display: none !important; } }
@media screen and (min-width: 991px) {
  .main-panel.full-height > .content, .main-panel.full-height > .content-full {
    margin-top: 0; }
  .main-panel.full-height .navbar-header {
    min-height: 62px; }

  .logo-header {
    line-height: 57px; }

  .toggle-nav-search {
    display: none; }

  #search-nav {
    display: block !important; }

  .sidebar .scroll-element {
    opacity: 0;
    transition: all .2s; }
  .sidebar:hover .scroll-element {
    opacity: 1; }

  .sidebar[data-background-color]:before {
    background: rgba(255, 255, 255, 0.2) !important;
    z-index: 1000; } }
@media screen and (max-width: 991px) {
  .main-header[data-background-color] .navbar-header {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

  .sidebar {
    position: fixed;
    left: 0 !important;
    right: 0;
    -webkit-transform: translate3d(-270px, 0, 0);
    -moz-transform: translate3d(-270px, 0, 0);
    -o-transform: translate3d(-270px, 0, 0);
    -ms-transform: translate3d(-270px, 0, 0);
    transform: translate3d(-270px, 0, 0) !important;
    transition: all .5s;
    margin-top: 0px; }
    .sidebar:before {
      background: none; }

  .nav_open .sidebar {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0) !important;
    border-right: 1px solid #f1f1f1; }

  .sidebar .sidebar-wrapper {
    padding-top: 0px; }
    .sidebar .sidebar-wrapper .sidebar-content {
      padding-top: 0px !important; }
    .sidebar .sidebar-wrapper .scroll-element.scroll-y {
      top: 0px !important; }

  .nav_open {
    overflow: hidden !important; }
    .nav_open .wrapper {
      overflow-x: hidden; }
    .nav_open .main-panel, .nav_open .main-header {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      -o-transform: translate3d(250px, 0, 0);
      -ms-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0) !important; }

  .quick_sidebar_open .quick-sidebar {
    width: 350px; }

  .main-header {
    transition: all .5s; }

  #search-nav {
    margin: 0 auto !important; }

  .main-panel {
    width: 100%;
    transition: all .5s; }
    .main-panel .page-header .dropdown-menu:after {
      right: 16px !important; }

  .page-inner {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }

  .page-sidebar {
    background: #fff; }

  .logo-header {
    display: flex;
    width: 100% !important;
    text-align: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px; }
    .logo-header .logo {
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
    .logo-header .navbar-toggler {
      height: 100%;
      margin-left: 0px !important;
      opacity: 1;
      display: block;
      order: 1; }
    .logo-header .more {
      opacity: 1;
      color: #545454;
      cursor: pointer;
      display: inline-block;
      line-height: 56px;
      order: 3;
      width: unset;
      margin-left: auto; }
    .logo-header .navbar-brand {
      position: unset !important;
      margin-right: 0px; }

  .nav-search {
    width: 100%;
    margin-right: 0 !important; }

  .navbar-header {
    position: absolute;
    width: 100%;
    transform: translate3d(0, -200px, 0) !important;
    transition: all .5s; }

  .topbar_open .navbar-header {
    transform: translate3d(0, 61px, 0) !important;
    padding: 6px; }
    .topbar_open .navbar-header .navbar-nav > .nav-item .nav-link i {
      font-size: 19px; }
    .topbar_open .navbar-header .navbar-nav > .nav-item:last-child .nav-link {
      padding: 0px !important; }
    .topbar_open .navbar-header .navbar-nav > .nav-item:last-child .quick-sidebar-toggler {
      padding-left: 5px !important; }
  .topbar_open .toggle-nav-search {
    display: list-item; }
  .topbar_open #search-nav {
    text-align: center;
    width: 100%;
    padding: 10px 15px 0px;
    order: 1; }
  .topbar_open .main-panel {
    transform: translate3d(0, 62px, 0) !important; }
  .topbar_open > .content {
    margin-top: 0px !important; }

  .nav_open.topbar_open .main-panel {
    transform: translate3d(250px, 60px, 0) !important; }

  .navbar-header .navbar-nav {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin-left: 0px !important;
    position: relative; }
    .navbar-header .navbar-nav .dropdown {
      position: unset; }
    .navbar-header .navbar-nav .dropdown-menu {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 280px; }

  .profile-pic span {
    display: none; }

  .nav-toggle {
    display: none; }

  .page-title {
    font-size: 18px; }

  .card .card-title {
    font-size: 18px; }

  .mail-wrapper .mail-option .email-filters-left {
    width: 50%; }
    .mail-wrapper .mail-option .email-filters-left .btn-group {
      margin-bottom: 10px; }

  /* Dropzone */
  .dropzone {
    padding: 20px 15px !important; }
    .dropzone .dz-message .message {
      font-size: 23px; }
    .dropzone .dz-message .note {
      font-size: 15px; } }
@media screen and (min-width: 856px) {
  .mail-wrapper .aside-nav {
    display: block !important; } }
@media screen and (max-width: 856px) {
  .mail-wrapper {
    flex-direction: column; }
    .mail-wrapper .page-aside {
      width: 100%;
      height: unset;
      min-height: unset;
      border-bottom: 1px solid #eee;
      border-left: 0;
      border-right: 0;
      background: transparent;
      padding-top: 0px;
      padding-bottom: 0px; }
      .mail-wrapper .page-aside .aside-header {
        padding-top: 25px;
        padding-bottom: 25px;
        background: #f1f1f1; }
      .mail-wrapper .page-aside .aside-nav {
        background: #ffffff;
        padding-top: 15px;
        padding-bottom: 15px; }
    .mail-wrapper .mail-content {
      width: 100%; }
      .mail-wrapper .mail-content .inbox-head {
        flex-direction: column;
        align-items: left; }
        .mail-wrapper .mail-content .inbox-head h3 {
          font-size: 18px; }
        .mail-wrapper .mail-content .inbox-head form {
          margin-left: 0px !important;
          margin-top: 15px; }
      .mail-wrapper .mail-content .email-head h3 {
        font-size: 18px; }
      .mail-wrapper .mail-content .email-compose-fields {
        padding: 20px 15px; }
    .mail-wrapper .mail-option {
      flex-direction: column; }
      .mail-wrapper .mail-option .email-filters-left {
        width: 100%;
        margin-bottom: 10px; }
    .mail-wrapper .toggle-email-nav {
      display: inline-block !important; }
    .mail-wrapper .table-inbox tr td .badge {
      margin-top: 5px;
      float: left; } }
@media screen and (max-width: 767px) {
  .wizard-container {
    margin-left: 15px;
    margin-right: 15px; }

  .main-panel .page-header {
    flex-direction: column;
    align-items: normal;
    position: relative;
    min-height: 43px;
    justify-content: center; }
    .main-panel .page-header .breadcrumbs {
      margin-left: 0px;
      padding-top: 15px;
      padding-left: 5px;
      padding-bottom: 0px;
      border-left: 0px; }
    .main-panel .page-header .btn-group-page-header {
      position: absolute;
      right: 0px; }

  .footer .container-fluid {
    flex-direction: column; }
    .footer .container-fluid .copyright {
      margin-left: 0 !important;
      margin-top: 10px;
      margin-bottom: 15px; } }
@media screen and (max-width: 576px) {
  #chart-container {
    min-height: 250px; }

  .form-check-inline {
    display: flex;
    flex-direction: column;
    align-items: left; }

  #calendar .fc-toolbar {
    display: flex;
    flex-direction: column; }
    #calendar .fc-toolbar .fc-left, #calendar .fc-toolbar .fc-right, #calendar .fc-toolbar .fc-center {
      margin: auto;
      margin-bottom: 15px; }
    #calendar .fc-toolbar .fc-left {
      order: 1; }
    #calendar .fc-toolbar .fc-right {
      order: 3; }
    #calendar .fc-toolbar .fc-center {
      order: 2; }

  .conversations .conversations-body {
    padding: 1.5rem 1rem; } }
@media screen and (max-width: 350px) {
  .quick_sidebar_open .quick-sidebar {
    width: 100%;
    padding: 20px; } }
/* 	 Background Body */
body {
  background: #f9fbfd; }
  body[data-background-color="bg1"] {
    background: #f9fbfd; }
  body[data-background-color="bg2"] {
    background: #ffffff; }
  body[data-background-color="bg3"] {
    background: #f1f1f1; }
  body[data-background-color="dark"] {
    background: #1a2035; }
    body[data-background-color="dark"] .main-header {
      box-shadow: 0px 0px 5px #121727; }
    body[data-background-color="dark"] .main-panel {
      color: rgba(169, 175, 187, 0.82) !important; }
      body[data-background-color="dark"] .main-panel label {
        color: #fff !important; }
    body[data-background-color="dark"] .card, body[data-background-color="dark"] .row-card-no-pd, body[data-background-color="dark"] .list-group-item, body[data-background-color="dark"] .timeline > li > .timeline-panel {
      background: #202940; }
    body[data-background-color="dark"] .card-pricing2 {
      background: #202940 !important; }
    body[data-background-color="dark"] .row-card-no-pd [class*=col] .card:before {
      background: rgba(181, 181, 181, 0.1) !important; }
    body[data-background-color="dark"] .card .card-header, body[data-background-color="dark"] .card .card-footer, body[data-background-color="dark"] .card .card-action, body[data-background-color="dark"] .card-profile .user-stats [class^="col"], body[data-background-color="dark"] .timeline > li > .timeline-panel, body[data-background-color="dark"] .table td, body[data-background-color="dark"] .table th, body[data-background-color="dark"] .breadcrumbs, body[data-background-color="dark"] .separator-dashed, body[data-background-color="dark"] .separator-solid, body[data-background-color="dark"] .separator-dot, body[data-background-color="dark"] .list-group .list-group-item, body[data-background-color="dark"] .conversations .messages-form, body[data-background-color="dark"] .mail-wrapper .mail-content .inbox-body .email-list .email-list-item, body[data-background-color="dark"] .page-with-aside .page-aside, body[data-background-color="dark"] .mail-wrapper .mail-content .email-head, body[data-background-color="dark"] .mail-wrapper .mail-content .email-sender, body[data-background-color="dark"] .main-panel .page-divider {
      border-color: rgba(181, 181, 181, 0.1) !important; }
    body[data-background-color="dark"] .timeline > li > .timeline-panel:before {
      border-left-color: rgba(181, 181, 181, 0.1);
      border-right-color: rgba(181, 181, 181, 0.1); }
    body[data-background-color="dark"] .timeline > li > .timeline-panel:after {
      border-left-color: #202940;
      border-right-color: #202940; }
    body[data-background-color="dark"] .page-title, body[data-background-color="dark"] .breadcrumbs li a {
      color: rgba(169, 175, 187, 0.82); }
    body[data-background-color="dark"] .page-category {
      color: #828282; }
    body[data-background-color="dark"] .card-title, body[data-background-color="dark"] .card-title a, body[data-background-color="dark"] .card-title a:hover, body[data-background-color="dark"] .card-title a:focus {
      color: #fff; }
    body[data-background-color="dark"] .card-category {
      color: #8b92a9; }
    body[data-background-color="dark"] .card-default, body[data-background-color="dark"] .card-primary, body[data-background-color="dark"] .card-secondary, body[data-background-color="dark"] .card-info, body[data-background-color="dark"] .card-success, body[data-background-color="dark"] .card-warning, body[data-background-color="dark"] .card-danger {
      color: #fff; }
      body[data-background-color="dark"] .card-default .card-title, body[data-background-color="dark"] .card-default .card-category, body[data-background-color="dark"] .card-primary .card-title, body[data-background-color="dark"] .card-primary .card-category, body[data-background-color="dark"] .card-secondary .card-title, body[data-background-color="dark"] .card-secondary .card-category, body[data-background-color="dark"] .card-info .card-title, body[data-background-color="dark"] .card-info .card-category, body[data-background-color="dark"] .card-success .card-title, body[data-background-color="dark"] .card-success .card-category, body[data-background-color="dark"] .card-warning .card-title, body[data-background-color="dark"] .card-warning .card-category, body[data-background-color="dark"] .card-danger .card-title, body[data-background-color="dark"] .card-danger .card-category {
        color: #fff; }
    body[data-background-color="dark"] .nav-pills .nav-link:not(.active) {
      background: #fff; }
    body[data-background-color="dark"] .card-pricing .specification-list li {
      border-color: #373d4c; }
    body[data-background-color="dark"] .input-group-text {
      border-color: #2f374b !important;
      background-color: #1f283e;
      color: #fff; }
    body[data-background-color="dark"] .input-solid {
      background: #363b4c !important;
      border-color: #363b4c !important; }
    body[data-background-color="dark"] .list-group-messages .list-group-item-title a, body[data-background-color="dark"] .list-group .list-group-item-text {
      color: inherit; }
    body[data-background-color="dark"] .footer {
      border-top: 1px solid #293247;
      background: #1f283e; }
    body[data-background-color="dark"] .form-control, body[data-background-color="dark"] .form-group-default, body[data-background-color="dark"] .select2-container--bootstrap .select2-selection {
      background-color: #1a2035;
      color: #fff;
      border-color: #2f374b; }
    body[data-background-color="dark"] .bootstrap-tagsinput {
      background: transparent; }
    body[data-background-color="dark"] .selectgroup-button {
      border: 1px solid #2f374b; }
    body[data-background-color="dark"] .conversations .message-header {
      background: #1a2035;
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07); }
    body[data-background-color="dark"] .conversations .conversations-content {
      color: #575962;
      border-color: #2e364a; }
    body[data-background-color="dark"] .mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread {
      background: #1f283e !important; }
    body[data-background-color="dark"] .mail-wrapper .mail-content .inbox-body .email-list .email-list-item:hover {
      background: #171e2f !important; }
    body[data-background-color="dark"] .page-with-aside .page-aside .aside-nav .nav > li:hover, body[data-background-color="dark"] .page-with-aside .page-aside .aside-nav .nav > li:focus, body[data-background-color="dark"] .page-with-aside .page-aside .aside-nav .nav > li.active {
      background: rgba(0, 0, 0, 0.03); }
    body[data-background-color="dark"] .page-with-aside .page-aside .aside-nav .nav > li.active > a {
      color: #b9babf !important; }
    body[data-background-color="dark"] .board {
      color: #575962; }

/*   Background   */
.bg-dark {
  background-color: #1a2035 !important; }

.bg-dark2 {
  background-color: #1f283e !important; }

.bg-primary {
  background-color: #1572E8 !important; }

.bg-primary2 {
  background-color: #1269DB !important; }

.bg-secondary {
  background-color: #6861CE !important; }

.bg-secondary2 {
  background-color: #5C55BF !important; }

.bg-info {
  background-color: #48ABF7 !important; }

.bg-info2 {
  background-color: #3697E1 !important; }

.bg-success {
  background-color: #31CE36 !important; }

.bg-success2 {
  background-color: #2BB930 !important; }

.bg-warning {
  background-color: #FFAD46 !important; }

.bg-warning2 {
  background-color: #FF9E27 !important; }

.bg-danger {
  background-color: #F25961 !important; }

.bg-danger2 {
  background-color: #EA4d56 !important; }

.bg-grey1 {
  background: #f9fbfd !important; }

.bg-grey2 {
  background: #f1f1f1; }

.bg-dark-gradient {
  background: #1f283e !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #0A0B11, #1f283e) !important;
  background: linear-gradient(-45deg, #0A0B11, #1f283e) !important; }

.bg-primary-gradient {
  background: #1572E8 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #06418E, #1572E8) !important;
  background: linear-gradient(-45deg, #06418E, #1572E8) !important; }

.bg-secondary-gradient {
  background: #6861CE !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #2A20AC, #6861CE) !important;
  background: linear-gradient(-45deg, #2A20AC, #6861CE) !important; }

.bg-info-gradient {
  background: #48ABF7 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #0A5A97, #48ABF7) !important;
  background: linear-gradient(-45deg, #0A5A97, #48ABF7) !important; }

.bg-success-gradient {
  background: #31CE36 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #179D08, #31CE36) !important;
  background: linear-gradient(-45deg, #179D08, #31CE36) !important; }

.bg-warning-gradient {
  background: #FFAD46 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #E1810B, #FFAD46) !important;
  background: linear-gradient(-45deg, #E1810B, #FFAD46) !important; }

.bg-danger-gradient {
  background: #F25961 !important;
  background: -webkit-linear-gradient(legacy-direction(-45deg), #E80A15, #F25961) !important;
  background: linear-gradient(-45deg, #E80A15, #F25961) !important; }
  table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #fff; 
}
th { 
  background: #fff; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}