@charset "UTF-8";
@import url('//cdn.liszt.app/common/kvclear.css');

html {
  height:100%;
  scroll-behavior: smooth;
   -webkit-overflow-scrolling: touch;
}

body {
font: 17px "Segoe UI", sans-serif;
line-height: 20px;
height:100%;
 -webkit-overflow-scrolling: touch;
}

.navbar-light .navbar-nav .nav-item .nav-link {color: rgba(0,0,0,.55);}

h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",sans-serif}

.form-group > label {font-weight:bold;}
.form-group > label.btn-liszt, .form-group > label.btn-outline-liszt {font-weight:normal;}

.main-footer {
  background: #ffffff;
  /*border-top: 1px solid #dee2e6;*/	
  color: #869099;
  padding: 1rem;
}

.text-sm .main-footer, .main-footer.text-sm {
  padding: 0.812rem;
}

.main-sidebar {
  height: 100vh;
  overflow-y: hidden;
  z-index: 1038;
}

.main-sidebar a:-moz-focusring {
  border: 0;
  outline: none;
}

.sidebar {
  height: calc(100% - 4rem);
  overflow-y: auto;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
}

@media print {
  .no-print, .main-sidebar,
  .main-header,
  .content-header {
    display: none !important;
  }
  .content-wrapper,
  .main-footer {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-left: 0 !important;
    min-height: 0 !important;
  }
  .layout-fixed .content-wrapper {
    padding-top: 0 !important;
  }
  .invoice {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .invoice-col {
    float: left;
    width: 33.3333333%;
  }
  .table-responsive {
    overflow: auto;
  }
  .table-responsive > .table tr th,
  .table-responsive > .table tr td {
    white-space: normal !important;
  }
}
/*Exported from H2.5*/

/* #calendar A{font-family: 'Vollkorn', serif;text-decoration: none} */
#calendar A{font-family: 'Raleway', sans-serif;text-decoration: none; color:#700;}
#calendar A:link {text-decoration: none; color: #fff}
#calendar A:visited {text-decoration: none; color: #fff}
#calendar A:active {text-decoration: none; color: #fff}
#calendar A:hover {text-decoration: none; color: #aaa}

.fc-event{background-color:#070;}
.input-group-addon {background-color:#fff;}

.lz-sortable{cursor: pointer;}

.bootstrap-datetimepicker-widget A.btn{color: #000}

.navbar .btn-group{
margin:10px 10px 10px 10px;
}

#lz-leftmenu{
	background-color:#fff;
	z-index:500;
}

.personrow > a.pointer{color:#770000;}
a.btn:not([href]){color:#fff;}a.btn:hover:not([href]){color:#fff;}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #424242;
  border-color: #363636;
}

/*.btn-group A{padding:8px;line-height:16px;font-family:"Segoe UI",Helvetica,Arial,sans-serif;text-decoration: none; /*color: #fff*}
.btn-group A:link {text-decoration: none; /*color: #fff*}
.btn-group A:visited {text-decoration: none; /*color: #fff*}
.btn-group A:active {text-decoration: none; /*color: #fff*}
.btn-group A:hover {text-decoration: none; /*color: #fff*}*/

.btn-group .dropdown-menu A{padding:8px;line-height:16px;font-family:"Segoe UI",Helvetica,Arial,sans-serif;text-decoration: none; color: #000}
.btn-group .dropdown-menu A.active{color: #fff;}

.dropdown-item.active, .dropdown-item:active {color:#fff;background-color:#700}

.badge{font-family:"Segoe UI",Helvetica,Arial,sans-serif;}
.badge-liszt{background-color:#770000;color:#fff;}
.bg-liszt{background-color:#770000!important}
.text-liszt {color: #770000!important;}
.text-liszt-light{color:#ccc!important;}
.lz-th
{
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}

/* @media (min-width: 901px) {  */
.nav-tabs > li {
    float:none;
    display:inline-block;
}

.nav-tabs {
    text-align:center;
	white-space:nowrap
}

.nav-tabs .nav-link{
	color:#700;
}
/* } */

.nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}
.nav-tabs>li {
  float: none;
}

/*@media (max-width: 900px) {
	.nav-tabs:first-child:before{
		:'<li class="nav-item"><a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a></li>';
	}
}*/

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #ffffff;
  background-color: #770000;
  /* font-weight:bold; */
  text-decoration:none;
  text-transform:uppercase;
}

/*Stupid scrollbar nonsense*/
/* Works on Firefox */
ul.nav-tabs {
  scrollbar-width: none;
  scrollbar-color: #700;
}

/* Works on Chrome, Edge, and Safari */
ul.nav-tabs::-webkit-scrollbar {
  height:2px;
}

ul.nav-tabs:hover::-webkit-scrollbar {
  height:20px;
}

ul.nav-tabs::-webkit-scrollbar-track {
  background: white;
}

ul.nav-tabs::-webkit-scrollbar-thumb {
  height:2px;
  background: #700;
}


.hh{
width:100%;
/*border-bottom: 1px solid #ddd;
background-color: #fefefe;`
color: #333;
/*padding: 10px 10px 5px 10px;*/
display:none;
}
.hh h1
{
margin:0px;
margin-bottom: 15px;
}

.module .hh{
  margin-left: 0px;
  margin-right: -15px;
  margin-bottom: 15px;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  /* font-size: 1.05em; */
  /* font-weight: bold; */
  line-height: 20px;
  color: #555;
  /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
}
.pointer{
  cursor:pointer;
}

a.folder{
	cursor:pointer;
	color:#700;
}

.sitetitle{
  display: block;
  padding: 7px 10px 3px 10px;
  font-size: 1.333em;
  font-weight: bold;
  line-height: 1.333em;
  color: #000;
  cursor: pointer;
  text-transform: uppercase;
}

.navbar-nav.navbar-right:last-child {
margin-right: 0px;
}

.shadow{
	-moz-box-shadow: 0 0 17px #000;
	-webkit-box-shadow: 0 0 17px #444;
	box-shadow: 0 0 17px #444;
}

.folderrow{vertical-align:middle;}
.folderrow img{padding-top:2px;}
.folder{
	display:inline;
	margin-top:15px;
}
.folderbtn, #refresh{
	display:inline;
	margin-top:15px;
}

/* Pretty Checkboxes */
.form-group input[type="checkbox"] {
  display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
   width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

@media (min-width: 501px) { 
	.btn-arrow-right:first-of-type,.btn-arrow-left:first-of-type{margin-left:-1px;}	
	.btn-arrows{display:block;}
	.btn-arrow-right,
	.btn-arrow-left {
		padding:8px;
		position: relative;
		padding-left: 18px;
		padding-right: 18px;
		line-height:17px;
		font-family:"Segoe UI",Helvetica,Arial,sans-serif;
		text-decoration: none; 
	}
	.btn-arrow-right {
		padding-left: 36px;
	}
	.btn-arrow-left {
		padding-right: 36px;
	}
	.btn-arrow-right:after,
	.btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
		content:"";
		position: absolute;
		top: 4px; /* move it down because of rounded corners */
		width: 24px; /* same as height */
		height: 24px; /* button_outer_height / sqrt(2) */
		background: inherit; /* use parent background */
		border: inherit; /* use parent border */
		border-left-color: transparent; /* hide left border */
		border-bottom-color: transparent; /* hide bottom border */
	}
	.btn-arrow-right:after {
		transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		z-index:4;
	}

	.btn-arrow-left:after {
		transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
	}
	.btn-arrow-right:before,
	.btn-arrow-left:before { /* align the "before" square to the left */
		left: -12px;
	}
	.btn-arrow-right:after,
	.btn-arrow-left:after { /* align the "after" square to the right */
		right: -12px;
	}
	.btn-arrow-right:after,
	.btn-arrow-left:before { /* bring arrow pointers to front */
		z-index: 1;
	}
	.btn-arrow-right:before,
	.btn-arrow-left:after { /* hide arrow tails background */
		background-color: white;
	}
}

@media (max-width: 500px) { 
	.btn-arrows{display:block;}
	.btn-arrow-right,
	.btn-arrow-left{display:block;width:100%;}
	.btn-arrow-right:first-of-type,.btn-arrow-left:first-of-type{margin-left:-1px;}
}
/*Arrow Buttons*/


@media (max-width: 500px) { 
	.btn-group, .btn-group-toggle{display:block;}
	.btn-liszt-toggle{display:block;width:100%;}
	.btn-liszt-toggle:first-of-type{margin-left:-1px;}
	.form-inline .btn-group-toggle{display:block;width:100%;}
}

.modal-content > div {overflow-y:auto;-webkit-overflow-scrolling:touch}

@media (min-width: 800px) { 
	.offcanvas-end {
	  top: 0;
	  right: 0;
	  width: 90% !important;
	  height:auto;
	}
}

@media only screen and (max-width: 800px) {
	
	.offcanvas-end {
	  top: 0;
	  right: 0;
	  width: 100% !important;
	}
	
	/* Force table to not be like tables anymore */
	table.lz-resp-table, 
	table.lz-resp-table thead, 
	table.lz-resp-table tbody, 
	table.lz-resp-table th, 
	table.lz-resp-table td, 
	table.lz-resp-table tr { 
		display: block; 
		width:100%;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	table.lz-resp-table thead {
		border: 0;
		height: 1px;
		margin: -1px;
		padding: 0;
		position: absolute;
		width: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
	}

 
	table.lz-resp-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
		border-radius: 6px;
		background: #fff;
		padding: 0.5rem;
	} 

	table.lz-resp-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: .5rem 0;
        text-align: left;
        display: flex;
        justify-content: space-between;
        gap: 1rem;
    }
 
    table.lz-resp-table td::before {
        content: attr(data-title);
        font-weight: 600;
        color: #666;
        flex: 0 0 45%;
        text-align: left;
    }

	table.lz-resp-table td:last-child {
        border-bottom: none;
    }
}

table.lz-resp-table thead{top:50px;}

/*Theme settings*/

.modal-title{float:left;}

.page-item.active .page-link {
	background-color: #770000;
    border-color: #770000;
	color:#fff;
}

body, .fh{height:100%;}

.dropdown-toggle { outline: 0; }

.btn-toggle, .btn-notoggle {
  padding: .25rem .5rem;
  /* font-weight: 600; */
  /* font-size:100%; */
  background-color: transparent;
  color: #000;
}
.btn-toggle:hover,
.btn-toggle:focus,
.btn-notoggle:hover,
.btn-notoggle:focus {
  color: #777;
  /*background-color: #770000;*/
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
  margin-left:auto;
  margin-right:auto;
}

.btn-notoggle::before {
  width: 1.25em;
  content:"";
  line-height: 0;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(450deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .275rem;
  margin-left: 2rem;
  /* font-size:100%; */
  border-left:2px solid #fff;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  /*background-color: #770000;*/
  color:#770000;
  border-left:2px solid #770000;
  /*text-transform:uppercase;*/
}

/*
 * Sidebar
 */

@media (min-width: 768px) {
  .sidebar .offcanvas-lg {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
  }

.sidebar{
	overflow-y: auto;
	padding-bottom: 0;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0;
	position:-webkit-sticky;
	position: fixed;
	top: 3rem;
	display: block !important;
	height: calc(100vh-5rem);
	overflow-y: auto;
	scrollbar-width:thin;
  }
}

.sidebar .nav-link.active {
  color:#770000;
  border-left:2px solid #770000;
  border-bottom:2px solid #770000;
}

/*Pace*/
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #770000;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

.ts-wrapper{border:0px;padding:0px}

.editor-toolbar.fullscreen{z-index:9999;}