body {
  font-size:15px;
  color:#666;
  background:url('../../images/bg-mc.webp') center center fixed;
  background-size: cover;
}
#sidebarnav {
  font-size:14px;

}
.left-sidebar li a {
    padding: 10px 10px 10px 25px !important;
    position: relative;
}
#side-menu>li>a {
    padding: 3px 10px 0px 10px;
}
.left-sidebar .level2 li a {
	padding-left: 35px !important;
}
.left-sidebar .level3 li a {
	padding-left: 50px !important;
}
.left-sidebar .level4 li a {
	padding-left: 65px !important;
}
.left-sidebar .level5 li a {
	padding-left: 80px !important;
}
.sidebar-nav .has-arrow::after {
	top:18px !important;
}
.sidebar-item .sidebar-link, #main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin5"] .sidebar-nav ul .sidebar-item .sidebar-link {
  color:#101A29;
  opacity: 0.9; 
}
.sidebar-nav ul .sidebar-item .sidebar-link {
  color:#101A29 !important;
  opacity: 0.9;
  line-height: 20px;
  text-shadow: 1px 1px 2px #fff;
}
.sidebar-item .sidebar-link {
  color:#101A29 !important;
  opacity: 0.9; 
}
#main-wrapper[data-layout="vertical"] .left-sidebar[data-sidebarbg="skin5"] .sidebar-nav ul .sidebar-item .sidebar-link i, #main-wrapper[data-layout="horizontal"] .left-sidebar[data-sidebarbg="skin5"] .sidebar-nav ul .sidebar-item .sidebar-link i {
  color: #101A29 !important;
}

h1,h2,h3,h4,h5 {
  font-family: 'Cormorant', serif;
  color:#101A29;
  font-weight: 300;
}
/*
#main-content {
  background:url('../../images/map-and-bridges.webp') center bottom no-repeat;
  background-size: 100% auto;
}
*/
.footer {
  background: transparent;
  color: #101a29;
  z-index:11;
}
.topbar {
  background: #fff !important;
  box-shadow: none;
}
.navbar-nav > .nav-item > .nav-link {
  color:#101A29;
}
#top-icons > .nav-item > .nav-link {
  font-size: 18px;
  padding-top: 10px;
}

.navbar-nav > .nav-item > .nav-link:hover {
  color:#000;
}

.bg-success {
  background:#101a2a !important;
  border:none;
}
.bg-warning {
  background: #CEBA94 !important;
}
.btn-success {
  background:#101a2a !important;
  border:none;
}
.bg-light {
  background: #F3F3F3 !important;
}
.white-box.bg-light,
.white-box.bg-dark,
.white-box.bg-success,
.white-box.bg-light,
.white-box.bg-warning {
    padding:15px;
}

.btn-success:hover {
  background:#101a2a !important;
  color:#CEBA94;
}
.download-box h2 {
  color:#101a29;
}
.page-link {
  color: #101a29;
}
.page-item.active .page-link {
  color: #fff;
  background-color: #101a29;
  border-color: #101a29;
}
.text-gold {
  color:#CEBA94 !important;
}

.page-wrapper {
  background: transparent;
}

.white-box.folder {
  padding:10px;
}
.shorten-long-text {
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}
.storage-preview {
  display:block;
  margin-bottom:10px;  
  width:100%;
  padding-top:100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.galerie-preview {
  display:block;
  margin-bottom:15px;  
  width:100%;
  padding-top:100%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.storage-icons {
  margin: 5px 0 -5px;
}
.p-10 {
  padding:10px !important;
}
.bg-grey {
  background-color:#bbb !important;
}
.fileDownload a {
  color:#444;
}
.fileDownload a:hover {
  color:#406d1c;
}
.with-contextmenu { -webkit-touch-callout: none !important; }
.with-contextmenu a { -webkit-user-select: none !important; }
.dropdown-menu a,
.contextmenu a {
  padding: 9px 20px 9px 12px !important;
  display: block;
  color:#444;
  white-space: nowrap;
}
.dropdown-menu i,
.contextmenu i {
  margin-right: 5px !important;
}
.white-box{/*background:#fff;padding:15px;*/margin-bottom:20px;/*box-shadow:1px 1px 12px -8px #0008*/}
.raised {box-shadow:0px 0px 9px 4px #0002 !important}
.shadow{box-shadow:0px 0px 9px 4px #0002 !important}
.shadow-bottom{box-shadow:0px 11px 19px -9px #0002 !important}
.card .white-box {box-shadow:none;}
.card {
  box-shadow: 1px 1px 12px -8px #0008 !important;
}
.responsive-video {
	position: relative;
	width:100%;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
	border:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top-badge {
  top: 12px;
  right: 5px;
  padding: 2px 4px;
}

.modal-backdrop.show {
  opacity: 1;
  backdrop-filter: blur(3px);
  background:rgba(0,0,0,0.5);
}
.panel-admin {
  border-bottom: 1px solid #ddd;
  background: #eee;
  padding: 5px;
  margin: -15px -15px 10px;
}
.admin-only {
	background-image:url('../../images/admin-only.png') !important;
}
.select2-container .select2-selection--single {
  height: 32px !important;
}
.dn {
  display:none;
}
.row.narrow .col, .row.narrow .col-1, .row.narrow .col-10, .row.narrow .col-11, .row.narrow .col-12, .row.narrow .col-2, .row.narrow .col-3, .row.narrow .col-4, .row.narrow .col-5, .row.narrow .col-6, .row.narrow .col-7, .row.narrow .col-8, .row.narrow .col-9, .row.narrow .col-auto, .row.narrow .col-lg, .row.narrow .col-lg-1, .row.narrow .col-lg-10, .row.narrow .col-lg-11, .row.narrow .col-lg-12, .row.narrow .col-lg-2, .row.narrow .col-lg-3, .row.narrow .col-lg-4, .row.narrow .col-lg-5, .row.narrow .col-lg-6, .row.narrow .col-lg-7, .row.narrow .col-lg-8, .row.narrow .col-lg-9, .row.narrow .col-lg-auto, .row.narrow .col-md, .row.narrow .col-md-1, .row.narrow .col-md-10, .row.narrow .col-md-11, .row.narrow .col-md-12, .row.narrow .col-md-2, .row.narrow .col-md-3, .row.narrow .col-md-4, .row.narrow .col-md-5, .row.narrow .col-md-6, .row.narrow .col-md-7, .row.narrow .col-md-8, .row.narrow .col-md-9, .row.narrow .col-md-auto, .row.narrow .col-sm, .row.narrow .col-sm-1, .row.narrow .col-sm-10, .row.narrow .col-sm-11, .row.narrow .col-sm-12, .row.narrow .col-sm-2, .row.narrow .col-sm-3, .row.narrow .col-sm-4, .row.narrow .col-sm-5, .row.narrow .col-sm-6, .row.narrow .col-sm-7, .row.narrow .col-sm-8, .row.narrow .col-sm-9, .row.narrow .col-sm-auto, .row.narrow .col-xl, .row.narrow .col-xl-1, .row.narrow .col-xl-10, .row.narrow .col-xl-11, .row.narrow .col-xl-12, .row.narrow .col-xl-2, .row.narrow .col-xl-3, .row.narrow .col-xl-4, .row.narrow .col-xl-5, .row.narrow .col-xl-6, .row.narrow .col-xl-7, .row.narrow .col-xl-8, .row.narrow .col-xl-9, .row.narrow .col-xl-auto {
  padding-left:5px;
  padding-right:5px;
}
.row.narrow {
  margin-left:-5px;
  margin-right:-5px;
}
.common-list{margin:0;padding:0}
.common-list li{list-style:none;display:block}
.common-list li a{padding:12px 0;color:#313131;display:block}
.common-list li a:hover{color:#2cabe3}
.sidebar-link.active {
  font-weight:700 !important;
}

.chat-application {
}

#main-content .white-box,
.content-box {
  /* max-width: 1060px; */
}
.w-100 {
  max-width: 100% !important;
}
.btn-sm.btn-icon {
  font-size:1.1rem;
  padding: 0 0.25rem;
}

.ajax-bar {
  display: inline-block;
  padding: 3px 13px;
  color:#fff;
  background-color: #1e3963;
  border-radius: 50px;
  opacity: .7;
  animation: 2s linear infinite spinner-grow;
}

@keyframes spinner-grow {
  50% {
    opacity: .5;
  }

  100% {
      transform: none
  }
}

.no-shadow {
  box-shadow: none !important;
}

.ajax-loader {
  display: inline-block;
  width:50px;
  height:50px;
  border-radius:50%;
  background:conic-gradient(#0000 10%,#1e3963);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation:ajax-loader-rotate 1s infinite linear;
}
@keyframes ajax-loader-rotate {to{transform: rotate(1turn)}}

.cursor-pointer {
  cursor:pointer;
}


span.status {
  border-radius:50px;
  padding: 3px 10px;
  margin-bottom:5px;
  display: inline-block;
  white-space: nowrap;
}
.status-none {
  background-color: #eee !important;
  color:#222;
}
.status-red,
span.status.status-red {
  background-color: #ffe6e6 !important;
  color: #7b002c;
}
.status-orange,
span.status.status-orange {
  background-color: #ffead0 !important;
  color: #cb4300;
}
.status-yellow,
span.status.status-yellow {
  background-color: #fffde4 !important;
  color: #916b00;
}
.status-green,
span.status.status-green {
  background-color: #d6f7d9 !important;
  color: #004900;
}
.status-blue,
span.status.status-blue {
  background-color: #d6f7f7 !important;
  color: #003449;
}
.status-grey,
span.status.status-grey {
  background-color: #e4e4e4 !important;
  color: #333;
}

.card.status-red {
  border: 1px solid #fb8888;
}
.card.status-orange {
  border: 1px solid #e9c292;
}
.card.status-yellow {
  border: 1px solid #e3de9c;
}
.card.status-green {
  border: 1px solid #9fd9a4;
}
.card.status-blue {
  border: 1px solid #4ea6c9;
}
.card.status-grey {
  border: 1px solid #aaa;
}

.status-red .card-header {
  border-bottom: 2px solid #d10c0c;
}
.status-orange .card-header {
  border-bottom: 2px solid #ef8500;
}
.status-yellow .card-header {
  border-bottom: 2px solid #dbcc0f;
}
.status-green .card-header {
  border-bottom: 2px solid #009b00;
}
.status-blue .card-header {
  border-bottom: 2px solid #005a7f;
}
.status-grey .card-header {
  border-bottom: 2px solid #555;
}



a.card-header {
  text-decoration: none !important;
  color: #333;
}

.page-breadcrumb {
  padding: 10px 0px;
  background-color: #fff;
  font-size:14px;
}

.page-breadcrumb .breadcrumb {
  background-color: #fff;
  color: #CDBA94;
  font-size: 16px;
}

.page-breadcrumb .breadcrumb .breadcrumb-item, .page-breadcrumb .breadcrumb .breadcrumb-item > a {  
  color: #CDBA94;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #CDBA94;
  padding-right:0.25rem;
  margin-left: -0.25rem;
}

#breadcrumb-page-title {
  font-size:40px;
}
@media (max-width: 1550px) {
  #breadcrumb-page-title {
    font-size:30px;
  }
}
@media (max-width: 1300px) {
  #breadcrumb-page-title {
    font-size:25px;
  }
}

@media (max-width: 767px) {
  #breadcrumb-page-title {
    font-size:25px;
  }
  #top-icons > .nav-item > .nav-link {
    /* font-size: 24px; */
    padding-top: 0px;
  }
}

#profile-avatar {
  width: 36px;
  height:36px;
}
#logo-icon img {
  height: 40px;
}
#main-wrapper .sidebar-item i  {
  display:none;
  font-size: 24px;
}

@media (min-width: 768px) {

  #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .page-wrapper {
    padding-top: 140px;
  }
  .topbar {
    height: 50px;
  }
  .topbar .top-navbar {
    min-height: 10px;
  }
  #breadcrumbs-wrapper {
    position: fixed;
    top: 50px;
    height: 90px;
    width:calc(100vw - 250px); 
    z-index:10;
    background: #fff;
  }
  #breadcrumbs-wrapper[data-sidebartype="mini-sidebar"] {
    width:calc(100vw - 65px); 
  }
  .left-sidebar {
    padding-top: 140px;
    background: #fff;
  }
  #profile-icon {
    position: fixed;
    right: 10px;
    top:70px;
  }
  #profile-avatar {
    width: 70px;
    height: 70px;
    margin: 0 10px;
  }
  #logo-icon img {
    height: 100px;
  }
  #main-wrapper[data-sidebartype="mini-sidebar"] #logo-icon img {
    height: 40px;
  }
  #main-wrapper[data-sidebartype="mini-sidebar"] .topbar .navbar-brand {
    display: block;
    width: 100%;
    padding-left: 15px;
  }

  #main-wrapper[data-sidebartype="full"] #logo-icon {
    width: 250px !important;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 00px;
  }
  #main-wrapper[data-sidebartype="full"] .left-sidebar {
    background: #fff url('../../images/bg-sidebar.webp') bottom left fixed no-repeat !important;
    background-size: 250px auto !important;
  }

  @media (max-height: 800px) {
    #main-wrapper[data-sidebartype="full"] .left-sidebar {
      background-position: 0 250px !important;
    }
  }

  #main-wrapper[data-sidebartype="mini-sidebar"] .sidebar-item i  {
    display:inline-block;
  }

  .sidebar-nav ul {
    background: transparent !important;
  }

  .sidebartoggler i {
    display: inline-block !important;
  } 

  #topsearch i {
    color:#101A29;
    font-size:16px;
  }

  #topsearch {
    color:#101A29;
    font-size:16px;
    width: 275px;
  }
}

@media (min-width: 1170px) {
  #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .page-wrapper {
    padding-top: 180px;
  }
  #main-wrapper[data-sidebartype="full"] #logo-icon {
    padding-top: 40px;
  }
  #logo-icon img {
    height: 133px;
  }

  .topbar {
    height: 100px;
  }
  #breadcrumbs-wrapper {
    top: 100px;
    height: 80px;
  }
  .left-sidebar {
    padding-top: 180px;
  }
  #profile-icon {
    position: fixed;
    right: 10px;
    top:110px;
  }
}
@media (min-width: 1550px) {
  #main-wrapper[data-layout="vertical"][data-header-position="fixed"] .page-wrapper {
    padding-top: 210px;
  }
  #breadcrumbs-wrapper {
    height: 110px;
  }
  .left-sidebar {
    padding-top: 210px;
  }
  #profile-icon {
    position: fixed;
    right: 00px;
    top: 120px;
  }
}

#sidebarnav>.sidebar-item:nth-child(even) {
  background-color: #ffffff;
}
#sidebarnav>.sidebar-item:nth-child(odd) {
  background-color: #F3F3F3;
}

.topbar .top-navbar {
  background: #fff;
}

.app-search {
  border-radius: 0;
  background:#F3F3F3;
  width: 250px;
}
.app-search .form-control:focus {
  width: 250px;
}
.app-search .form-control {
  border:none;
  background: transparent;
}
.topbar .top-navbar .navbar-nav > .nav-item:hover {
  background: transparent;
}
.table {
  color: #101A29;
}

.table-striped > tbody > tr:nth-of-type(even) {
  --bs-table-accent-bg: #ffffffbb;
  color: #101A29;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: #f3f3f3bb;
  color: #101A29;
}
.full-width {
  margin: 0 -15px;
}


.crm-table {
  margin-top:-10px;
}
th {
  font-family: 'Cormorant', serif;
  font-size:24px;
  line-height: 22px;
  font-weight: normal !important;
}
th .text-secondary {
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
}

.crm-table th {
  padding: 20px 5px;
}
.crm-table td {
  padding: 10px 5px;
}
.crm-table th:first-child,
.crm-table td:first-child {
  width: 15px;
  padding-left:0;
}
.crm-table th:last-child,
.crm-table td:last-child {
  width: 15px;
  padding-right:0;
}


@media (min-width: 1170px) {
  .full-width {
    margin: 0 -40px;
  }
  
  .crm-table th:first-child,
  .crm-table td:first-child {
    width: 40px;
  }
  .crm-table th:last-child,
  .crm-table td:last-child {
    width: 40px;
  }

  .page-wrapper > .page-content {
    padding: 15px 40px;
  }
  .page-breadcrumb {
    padding: 0 15px 0 40px !important;
  }
  .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding: 0px 15px;
    height: 80px;
  }
  .full-width > .white-box {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.bg-light .form-control {
  border-color: #101A29;
}

.search-form .form-control {
  line-height: 2;
  padding-left: 20px;
}
.text-secondary {
  color:#606671 !important;
}
@media (min-width: 768px) {
  #home .left-sidebar {
    background:transparent;
    box-shadow:none;
    padding-top:245px !important;
  }

  #home #main-wrapper .left-sidebar,
  #home #main-wrapper .left-sidebar .sidebar-item,
  #home #main-wrapper .navbar-header,
  #home .topbar,
  #home .top-navbar
  {
    background:transparent !important;
    box-shadow:none !important;
  }
  #home a.has-arrow:after{
    display:none;
  }

  .search-box {
   width: 260px;
  }

  
}

#home #breadcrumbs-wrapper,
#home .page-breadcrumb,
#home .page-breadcrumb .breadcrumb {
  background:transparent !important;
  box-shadow:none !important;
}

#home {
  background: url("../../images/bg-home.jpg") bottom left fixed no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .crm-table th {
    font-family: 'Open Sans', serif;
    font-size:14px;
    line-height: 16px;
    font-weight: normal !important;
  }
  .crm-table th .text-secondary {
    font-family: 'Open Sans', sans-serif;
    font-size:11px;
  }
  #home {
    background: url("../../images/bg-home.jpg") bottom left fixed no-repeat;
    background-position: 29% 80%;
    background-size: cover;
  }
  .timeline.timeline-left::before,
  .timeline .timeline-badge {
      display:none;
  }
  .timeline .timeline-panel {
    width: 100% !important;
  }
}

.form-floating > label {
  font-weight: normal;
}


#login-page {
  background:#101A29;
}

#login-page .white-box {
  color: #fff;
  padding: 15px;
  max-width: 1000px;
  margin: 0 auto;
}

#login-page .white-box h1,
#login-page .white-box h2,
#login-page .white-box h3,
#login-page .white-box h4,
#login-page .white-box h5
{
  color: #fff;
}

#login-bg {
  background:url("../../images/bg-login.webp") top center no-repeat;
  background-size: cover;
}

#login-box {
  max-width: 450px;
  margin: 0 auto;
  padding: 30px 0
}

#login-box h1 {
  font-size: 2.5rem;
}
#login-box .text-shadow {
  text-shadow: 2px 2px 3px rgba(0,0,0,0.75)
}
#login-box a {
  color: #39AFE5;
}

#login-box button {
  height: calc(3.5rem + 2px);
  padding: 1rem 0.75rem;
  box-shadow: none;
}

#login-box label {
  font-weight: normal;
}
@media (max-width: 767px) {
  #breadcrumb-page-title {
    font-size:25px;
  }
  #top-icons > .nav-item > .nav-link {
/*    font-size: 24px; */
    padding-top: 0px;
  }
  #logo-login {
    height: auto !important;
    max-width: 35%;
  }
  #loewe-login {
    height: auto !important;
    max-width: 20%;
  }

  #login-box {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
  }
  #login-box h1 {
    font-size:2em !important;
  }
  #login-bg {
    background-size: unset;
  }  

}




.form-control, .btn {
  border-radius: 0 !important;
}
.form-check-input[type="checkbox"] {
  border-radius: 0;
}
.app-search {
  width: 400px;
  margin-top: 15px;
}

.app-search .form-control {
  width: 330px;
  height: 40px;
  padding-left: 20px;
}


#home-stats table {
  width:auto;
}
#home-stats th {
  padding: 4px 0;
  font-size: 20px;
}
#home-stats td {
  padding: 10px 10px;
  font-size: 12px;
}
#home-stats .table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: transparent;
}
#home-stats .table-striped > tbody > tr:nth-of-type(even) {
  --bs-table-accent-bg: #aaaaaa20;
}
#home-stats tr > * {
  border-bottom-width: 0;
}

#main-wrapper .topbar .top-navbar .navbar-right {
  margin-left: 0 !important;
  width: 100vw !important;
}

@media (min-width: 768px) {

  #home-stats {
    margin: 70px 70px 0 0;
  }
}

@media (max-width: 767px) {

  #profile-icon {
    position: absolute;
    right: 0;
  }
  #home-stats {
    margin: 60px 0 0 0;
  }
  #home-stats table {
    width:auto;
  }
  #home-stats th {
    padding: 4px 0;
    font-size: 15px;
  }
  #home-stats td {
    padding: 5px 5px;
    font-size: 13px;
  }
  #home-stats .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: transparent;
  }
  #home-stats .table-striped > tbody > tr:nth-of-type(even) {
    --bs-table-accent-bg: #aaaaaa20;
  }
  #home-stats tr > * {
    border-bottom-width: 0;
  }
}

@media (max-width: 1550px) {
  .app-search {
    width: 300px;
  }
  .app-search .form-control {
    width: 230px;
  }
}

@media (min-width: 1551px) {
  .app-search {
    width: 300px;
  }


  #home-stats {
    margin: 140px 70px 0 0;
  }

  #home-stats th {
    font-size: 24px;
  }
  #home-stats td {
    font-size: 14px;
  }
  
}


.app-search a {
  top: 8px;
  right: 20px;
}

#topsearch i {
  color:#101A29;
  font-size:16px
}

.timeline {
  margin: 0;
}

.timeline > .timeline-item > .timeline-badge {
  z-index: 0;
}
.page-wrapper > .page-content {
  min-height: calc(100vh - 263px);
}

#login-box button:hover {
  border:1px solid #CDBA94;
}

.form-check-input:checked {
  background-color: #101A29;
  border-color: #cdba94;
}