/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Utility Classes
-----------------------------------------------------------------*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
  font-family: 'Poppins', sans-serif;
  background: #fafafa;
  /* font-size: 0.875rem!important; */
  letter-spacing: -.01em; }

p {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
  color: #999; }

a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

#topbar {
  background-color: #506F88; }

.btn-primary {
  color: #fff;
  background-color: #506F88;
  border-color: #506F88; }
  .btn-primary:hover {
    background-color: #354649;
    border-color: #354649; }

.cover-index {
  margin: 0 0 10rem 0;
  text-align: center; }

.message.error {
  color: #dc3545; }

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

#sidebar {
  min-width: 250px;
  max-width: 250px;
  background: #2D2D2D;
  color: white;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

#sidebar.active {
  margin-left: -250px; }

#sidebar .sidebar-header {
  padding: 1rem 0;
  background: #2D2D2D;
  position: fixed;
  min-width: 250px;
  max-width: 250px; }

#sidebar ul.components {
  padding: 20px 0; }

#sidebar ul p {
  color: #fff;
  padding: 10px; }

#sidebar ul li a {
  color: #FFF;
  padding: 10px;
  display: block; }

#sidebar ul li a:hover {
  color: #2D2D2D;
  background: #FFF;
  text-decoration: none; }

#sidebar ul li.active > a,
a[aria-expanded="true"] {
  color: #FFF;
  background: #424040; }

a[data-toggle="collapse"] {
  position: relative; }

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  /* background: rgba(255,255,255,.05); */ }

ul.CTAs {
  padding: 20px; }

ul.CTAs a {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px; }

a.download {
  background: #fff;
  color: #2D2D2D; }

a.article,
a.article:hover {
  background: #6d7fcc !important;
  color: #FFF !important; }

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#topbar .navbar-nav .nav-link {
  color: #FFF;
  font-size: 1.4rem; }
  #topbar .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.5); }

#content {
  width: calc(100% - 250px);
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 100vh;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #f9fbfd; }

.header .header-body {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e3ebf6; }

.header .header-title {
  margin-bottom: 0;
  font-size: 1.625rem; }

.header .subtitle {
  font-size: 1rem; }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px; }
  #sidebar.active {
    margin-left: 0; }
  #sidebarCollapse span {
    display: none; } }

.custom-card.card {
  margin-bottom: 1.5rem;
  border-color: #edf2f9;
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }

.custom-card .table {
  width: 100%;
  margin-bottom: 1.5rem;
  color: #12263f; }
  .custom-card .table.dataTable.no-footer {
    border-bottom: 1px solid #edf2f9; }
  .custom-card .table i {
    color: #6C7A89; }
  .custom-card .table td, .custom-card .table th {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #edf2f9; }
  .custom-card .table thead th {
    background-color: #f9fbfd;
    text-transform: uppercase;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .08em;
    color: #506F88;
    border-bottom-width: 1px;
    border-bottom: 1px solid #edf2f9; }
  .custom-card .table tbody + tbody {
    border-top: 2px solid #edf2f9; }
  .custom-card .table .table-sm td, .custom-card .table .table-sm th {
    padding: 1rem; }
  .custom-card .table .table-bordered {
    border: 1px solid #edf2f9; }
    .custom-card .table .table-bordered td, .custom-card .table .table-bordered th {
      border: 1px solid #edf2f9; }

.custom-card .table-bordered thead td, .custom-card .table-bordered thead th {
  border-bottom-width: 2px; }

.custom-card .table-borderless tbody + tbody, .custom-card .table-borderless td, .custom-card .table-borderless th, .custom-card .table-borderless thead th {
  border: 0; }

.custom-card .table-striped tbody tr:nth-of-type(even) {
  background-color: #f9fbfd; }

.custom-card .table-hover tbody tr:hover {
  color: #12263f;
  background-color: #f9fbfd; }

.custom-card .table-primary, .custom-card .table-primary > td, .custom-card .table-primary > th {
  background-color: #c4daf8; }

.custom-card .table-primary tbody + tbody, .custom-card .table-primary td, .custom-card .table-primary th, .custom-card .table-primary thead th {
  border-color: #91baf1; }

.custom-card .table-hover .table-primary:hover {
  background-color: #adccf5; }

.custom-card .table-hover .table-primary:hover > td, .custom-card .table-hover .table-primary:hover > th {
  background-color: #adccf5; }

.custom-card .table-secondary, .custom-card .table-secondary > td, .custom-card .table-secondary > th {
  background-color: #d6dde5; }

.custom-card .table-secondary tbody + tbody, .custom-card .table-secondary td, .custom-card .table-secondary th, .custom-card .table-secondary thead th {
  border-color: #b4bfcf; }

.custom-card .table-hover .table-secondary:hover {
  background-color: #c6d0db; }

.custom-card .table-hover .table-secondary:hover > td, .custom-card .table-hover .table-secondary:hover > th {
  background-color: #c6d0db; }

.custom-card .table-success, .custom-card .table-success > td, .custom-card .table-success > th {
  background-color: #b8f4db; }

.custom-card .table-success tbody + tbody, .custom-card .table-success td, .custom-card .table-success th, .custom-card .table-success thead th {
  border-color: #7aebbc; }

.custom-card .table-hover .table-success:hover {
  background-color: #a2f1d0; }

.custom-card .table-hover .table-success:hover > td, .custom-card .table-hover .table-success:hover > th {
  background-color: #a2f1d0; }

.custom-card .table-info, .custom-card .table-info > td, .custom-card .table-info > th {
  background-color: #c8e9f2; }

.custom-card .table-info tbody + tbody, .custom-card .table-info td, .custom-card .table-info th, .custom-card .table-info thead th {
  border-color: #98d5e7; }

.custom-card .table-hover .table-info:hover {
  background-color: #b3e1ed; }

.custom-card .table-hover .table-info:hover > td, .custom-card .table-hover .table-info:hover > th {
  background-color: #b3e1ed; }

.custom-card .table-warning, .custom-card .table-warning > td, .custom-card .table-warning > th {
  background-color: #fceeca; }

.custom-card .table-warning tbody + tbody, .custom-card .table-warning td, .custom-card .table-warning th, .custom-card .table-warning thead th {
  border-color: #fae09d; }

.custom-card .table-hover .table-warning:hover {
  background-color: #fbe6b2; }

.custom-card .table-hover .table-warning:hover > td, .custom-card .table-hover .table-warning:hover > th {
  background-color: #fbe6b2; }

.custom-card .table-danger, .custom-card .table-danger > td, .custom-card .table-danger > th {
  background-color: #f8c7d0; }

.custom-card .table-danger tbody + tbody, .custom-card .table-danger td, .custom-card .table-danger th, .custom-card .table-danger thead th {
  border-color: #f297a8; }

.custom-card .table-hover .table-danger:hover {
  background-color: #f5b0bd; }

.custom-card .table-hover .table-danger:hover > td, .custom-card .table-hover .table-danger:hover > th {
  background-color: #f5b0bd; }

.custom-card .table-light, .custom-card .table-light > td, .custom-card .table-light > th {
  background-color: #fafbfd; }

.custom-card .table-light tbody + tbody, .custom-card .table-light td, .custom-card .table-light th, .custom-card .table-light thead th {
  border-color: #f6f8fc; }

.custom-card .table-hover .table-light:hover {
  background-color: #e8ecf6; }

.custom-card .table-hover .table-light:hover > td, .custom-card .table-hover .table-light:hover > th {
  background-color: #e8ecf6; }

.custom-card .table-dark, .custom-card .table-dark > td, .custom-card .table-dark > th {
  background-color: #bdc2c9; }

.custom-card .table-dark tbody + tbody, .custom-card .table-dark td, .custom-card .table-dark th, .custom-card .table-dark thead th {
  border-color: #848e9b; }

.custom-card .table-hover .table-dark:hover {
  background-color: #afb5be; }

.custom-card .table-hover .table-dark:hover > td, .custom-card .table-hover .table-dark:hover > th {
  background-color: #afb5be; }

.custom-card .table-white, .custom-card .table-white > td, .custom-card .table-white > th {
  background-color: #fff; }

.custom-card .table-white tbody + tbody, .custom-card .table-white td, .custom-card .table-white th, .custom-card .table-white thead th {
  border-color: #fff; }

.custom-card .table-hover .table-white:hover {
  background-color: #f2f2f2; }

.custom-card .table-hover .table-white:hover > td, .custom-card .table-hover .table-white:hover > th {
  background-color: #f2f2f2; }

.custom-card .table-active, .custom-card .table-active > td, .custom-card .table-active > th {
  background-color: #f9fbfd; }

.custom-card .table-hover .table-active:hover {
  background-color: #e6eef7; }

.custom-card .table-hover .table-active:hover > td, .custom-card .table-hover .table-active:hover > th {
  background-color: #e6eef7; }

.custom-card .table .thead-dark th {
  color: #fff;
  background-color: #3b506c;
  border-color: #496285; }

.custom-card .table .thead-light th {
  color: #95aac9;
  background-color: #f9fbfd;
  border-color: #edf2f9; }

.custom-card .table-dark {
  color: #fff;
  background-color: #3b506c; }

.custom-card .table-dark td, .custom-card .table-dark th, .custom-card .table-dark thead th {
  border-color: #496285; }

.custom-card .table-dark.table-bordered {
  border: 0; }

.custom-card .table-dark.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.05); }

.custom-card .table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .table-responsive-sm > .table-bordered {
    border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .table-responsive-md > .table-bordered {
    border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .table-responsive-lg > .table-bordered {
    border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .table-responsive-xl > .table-bordered {
    border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.table-responsive > .table-bordered {
  border: 0; }