/* SKIN Light Updates 

.mod-skin-light:not(.mod-skin-dark) .page-sidebar {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 1)!important;
}
/*
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-header {
    border-bottom: 1px solid #ccc!important;
}
*/



/* Explicit Dark mode adaptations */
.mod-skin-dark:not(.mod-skin-light) .nav-menu li a > [class*=fa-], .mod-skin-dark:not(.mod-skin-light) .nav-menu li a > .ni {
    color: #a4a4a4;
}
.nav-menu li b.collapse-sign {
    color: #a4a4a4;
}
.mod-skin-dark:not(.mod-skin-light) .page-header, .mod-skin-dark:not(.mod-skin-light) .page-content-wrapper, .mod-skin-dark:not(.mod-skin-light) .page-footer {
    background-color: #212225;
}
.mod-skin-dark:not(.mod-skin-light) .page-logo {
    border-bottom: 1px solid #2d2d2d;
    border-right: 1px solid #2d2d2d;
}
.mod-skin-dark:not(.mod-skin-light) .page-sidebar {
    border-right: 1px solid #2d2d2d;
}
.mod-skin-dark:not(.mod-skin-light) .header-btn {
    border: 0px solid #d3d6da;
    color: #a6a6a6;
}
.mod-skin-dark:not(.mod-skin-light) .nav-footer .nav-footer-buttons > li > a {
    color: #a4a4a4;
}
.mod-skin-dark:not(.mod-skin-light) .table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.5);
}
.mod-skin-dark:not(.mod-skin-light) .table.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.3);
}
.page-logo {
    -webkit-box-shadow: none;
    box-shadow: none;
}





/* Datatables Styling: No shadow in FILTER box */
.shadow-inset-1, .shadow-hover-inset-1:hover {
    box-shadow: none;
}


/* history/log styling */
del {
    color: #b30000;        /* dunkles Rot */
    text-decoration: line-through;
    background-color: #ffe6e6;
    padding: 2px 4px;
    border-radius: 3px;
}

ins {
    color: #006600;        /* dunkles Grün */
    text-decoration: none;
    background-color: #e6ffe6;
    padding: 2px 4px;
    border-radius: 3px;
}



/* Button Distance Header - wegen der 3 Buttons oben, das geht sich sonst nicht aus */
.header-icon:not(.btn) {
    min-width: 3rem!important;
}

/* HEADER Text NEU / für TenantNamen im Header */
.mod-skin-dark:not(.mod-skin-light) .header-text {
    color: #a5abb1!important;
	text-align: left!important;
}
.mod-skin-light:not(.mod-skin-dark) .header-text {
    color: var(--theme-fusion-500)!important;
	text-align: left!important;
}
.header-text:not(.btn)[data-toggle=dropdown][aria-expanded=true]:after { 
	background: none!important;
}
 
 
/* Update des TT Themes nr 4 wegen der Icon Farben */
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > [class*=fa-], .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > .ni {
    color: var(--theme-fusion-500);
}

.header-icon:not(.btn) > [class*=fa-]:first-child, .header-icon:not(.btn) > .ni:first-child {
    color: #131a1f;
}

.mod-skin-light:not(.mod-skin-dark) .nav-footer .nav-footer-buttons > li > a {
    color: #131a1f;
}

/* Anmeldung */
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #000!important;
}


.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul {
    background-color: rgba(0, 0, 0, 0.0)!important;
}

.mod-skin-light:not(.mod-skin-dark) .page-sidebar {
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}

/* InfoCard verstecken wenn NAV = minify */
.nav-function-minify:not(.nav-function-top) .page-sidebar .info-card {
	height: 0px;
    display: none!important;
}

/* DARKMODE Hintergrund INBOX */
.mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*=popover]) {
    background-color: #37393e !important;
}

/* Filter Sektion NAV mit Stricxh drunter */
.list-filter-active .nav-filter {
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}

/* Button zur Menüverkleinerung */
.mod-skin-light:not(.mod-skin-dark) .nav-function-minify:not(.nav-function-top) .page-header [data-class=nav-function-minify] {
    background: #fff;
    border: 1px solid #dbdbdb!important;
    color: #a6a6a6!important;	
	-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); 
   box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
}

/* Button Links unten zum closen der Seitenleiste */
.nav-function-minify .nav-footer [data-class=nav-function-minify] {
    color: #505050;
}
	
	
/* Stylings für die mobile Suche oben */
@media only screen and (max-width: 576px) {
    .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
        border: 0!important; 
        background: #e1e1e1;
		color: #333333;
    }
}

	
/* Belegmenü */
.dropdown-item.active, .dropdown-item:active {
    background-color: #ffffff;
}

/*
.header-btn[data-class=mobile-nav-on] {
    border: 1px solid #ccc!important;
    background-color: #ffffff!important;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffff))!important;
    background-image: linear-gradient(to top, #ffffff, #ffffff)!important;
    color: #bbb!important;
}
*/

/* Navigation links UL Abstand */
.nav-menu li > ul {
    padding-top: 0px;
    padding-bottom: 4px;
}
.nav-menu li.active > a {
    box-shadow: inset 0px 0 0 #2198F3;
}




	
/* Navigation/Shortcuts Abstand */
.app-list-item {
   padding: 6px;
} 

/* Mobile Navigation: Overlay Hintergrund */
.mobile-nav-on .page-content-overlay {
    background: rgba(0, 0, 0, 0.5)!important;
}

/* Page Logo links oben */	
.page-logo-text {
    margin-left: 0.5rem;
    font-weight: 400;
    font-size: 1.2rem;
}

/* Hintergrund der 2 Navigations DropDowns oben */
.bg-trans-gradient {
    background: linear-gradient(250deg, #5b9bcb, #5b9bcb)!important;
}

/* Hintergrund der selektierten Dokumente in der Liste */
.state-selected {
    background: #f6fbff !important;
}

/* Toggle showing of  Nav filter
.nav-filter {
  visibility: visible;	
}
*/

/* Scanner Button */
.html5-qrcode-element {
 	background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
    background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
    color: #444;
	display: inline-block;
    font-weight: 400;
    color: #212529;
    //text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    //border: 1px solid transparent;
	border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 2px;
    padding: 0.5rem 1.125rem;
    font-size: 0.8125rem;
    line-height: 1.47;
    border-radius: 4px;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

/* Bootstrap Clear, für Text Input, wenn der Inhalt gelöscht werden soll */
.form-group.position-relative input {
  padding-right: 36px;
}

.form-clear {
  align-items: center;
  /* background: #cecece; */
  border-radius: 50%;
  bottom: 6px;
  color: rgba(0, 0, 0, .8);
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: 7px;
  width: 24px;
  z-index: 10;
  font-weight: 600!important;
}

.form-text+.form-clear {
  bottom: calc(1rem + 18px);
}

.form-clear-icon {
	color: #000;
	font-weight: 600;
}

/* Update zu select2, Anpassuing an Grösse der anderen FORM Felder */
.mod-skin-light .select2-container--default .select2-selection--multiple {
    min-height: calc(1.47em + 1rem + 0px);
    border: 1px solid #E5E5E5;
}
.mod-skin-dark .select2-container--default .select2-selection--multiple {
	min-height: calc(1.47em + 1rem + 0px)!important;
    border: 1px solid rgba(0, 0, 0, 0.35)!important;
}


/* Alert Info Update */
.alert-info {
    color: #114e7e;
    background-color: #d3eafd;
    border-color: #c1e2fc;
}

/* General DIV hide/show */
.hide {
	display: none;
}
.show {
	display: show;
}

/* Panel Buttons oben rechts verkleinern/gross/löschen */
.panel-toolbar .btn-panel {
    margin-left: 0.9rem;
}
	
	
/* DATATABLES STYLING */
/* checkboxes in the middle und 1rem breit */

table.dataTable th, table.dataTable td {
  box-sizing: border-box;
}

div.dataTables_scrollHead table,
div.dataTables_scrollBody table {
  width: 100% !important;
}

div.dts div.dataTables_scrollBody {
    background: none; /* repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 10px, white 10px, white 20px);*/
}

/* Buttonbreite bei den Listen rechts */

/* Reset alignment inside responsive child rows */
table.dataTable.dtr-inline.collapsed tbody tr.child td,
table.dataTable.dtr-inline.collapsed tbody tr.child span.dtr-data {
    text-align: left !important;
}


td.dtr-control {
  text-align: right;       /* push content to the right */
  padding-right: 1rem;     /* optional spacing */
  /*  background-color: #f0f0f0;   light grey background */
  cursor: pointer;             /* keep pointer cursor */
}

/* Optional: when row is expanded */
tr.parent td.dtr-control {
  background-color: #e0e0e0;   /* slightly darker grey when open */
}

/* Give responsive child rows a striped background */
table.dataTable tbody tr.child {
  background-color: #FCFCFC; /* light grey, adjust to match your stripe */
}

/* Remove the arrow in responsive child rows */
.dataTables_wrapper tr.child td.child .dtr-details:before {
    content: none !important;
}
	
.dataTables_wrapper tr.child td.child .dtr-details:after {
	width: 0!important;
}	
	
.dataTables_filter label {
	margin: 0px;
}	
	
mark, .mark {
    padding: 0;
    background-color: #f3ebbf;
}



/* Zeilenrahmen, wenn markiert */
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    box-shadow: inset 0 0 0px 1px #ffffff;
}


/* TEXT ALIGNMENT */
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
/* Kein filterergebnis */
.dataTables_empty {
    color: #353535;
	font-size: 1rem;
}

/* Empty-State im Scroller (scrollCollapse + scroller) lässt den Scroll-Body
   auf ~0 zusammenklappen, wodurch das "No data available"-TD nur noch als
   dünner Streifen erscheint. Mindesthöhe und sauberes Padding sichern eine
   normal lesbare Empty-Message in allen DataTables. */
.dataTables_scrollBody {
	min-height: 65px;
}
.dataTables_scrollBody td.dataTables_empty {
	height: auto !important;
	line-height: 1.5;
	padding: 1.25rem 0.75rem !important;
	text-align: center;
}

/* Additional CSS from checkboxes.js Extension */
table.dataTable.dt-checkboxes-select tbody tr,
table.dataTable thead th.dt-checkboxes-select-all,
table.dataTable tbody td.dt-checkboxes-cell {
  cursor: pointer;
}

table.dataTable thead th.dt-checkboxes-select-all,
table.dataTable tbody td.dt-checkboxes-cell {
  text-align: center;
  vertical-align: middle;
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
  margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}





/* PANEL-TAG links hintergrund */
.panel-tag {
    border-left: 3px solid #2198f3;
}

/* Datatables ellipsis */
.ellipsis {
    white-space: nowrap;
	overflow: hidden;
    /* overflow: hidden; /* Problem bei Explorer!!! */
	text-overflow: ellipsis;
} 

/* Progress Bar INBOX -> blau */
.progress-bar {
    background-color: #FC1349;
}
.progress {
    background-color: #dbdbdb;
}

/* General text size in REM statt pt */
.page-wrapper .page-content {
    /* font-size: 0.9rem!important; */
}

/* Header Menüs, DIVIDER Farbe */
.dropdown-divider {
    border-top: 1px solid #e8e8e8;
}

/* Benachrichtigungen */
.notification li.unread {
   background: #ffffff;
}

/* BUTTONS */
/* DARK MODE, Hintergrund Buchungslöschbutton */
.mod-skin-dark:not(.mod-skin-light) .btn-outline-default {
    background: none;
}

.btn-primary {
    color: #fff;
	background-color: #1ab394;
    border-color: #1ab394;
}



/* Mandantenwechseler */
.app-list-name {
    line-height: 130%;
    font-size: 0.73rem;
}	



/* AUTOCOMPLETE, Z-IMDEX!! */
/* UI Datepicker nach vor, Typeahead auch! */
/* Einstellungen Typeahead */

.ui-widget.ui-widget-content, .ui-datepicker {
    z-index: 9999!important;
}
.ui-autocomplete {
	z-index: 9999!important;
}
.ui-autocomplete {
  padding: 4px!important;
  border-radius: 2px!important;
 }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	/* color: #000!important;
	background: none !important;
	background-color: #6abaf7!important;
	border-radius: 2px!important;
	border: 0!important; */
}
.ui-menu-item > a.ui-corner-all {
    display: block;
	margin: 4px!important;
	border: 0!important;
}
.ui-state-hover, .ui-state-active {
	border: 0!important;
    border-radius: 2px!important;
}


/* pull right */
.pull-right {
	float: right;
}


/**
* Nestable Draggable Handles
*/
.dd3-content {
	display: block;
	height: 37px;
	margin: 5px 0;
	padding: 5px 10px 5px 50px;
	color: #333;
	text-decoration: none;
	border: 1px solid #ccc;
	background: #ffffff85;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dd3-content:hover {
	color: #2ea8e5;
	background: #fff;
}

.dd-dragel > .dd3-item > .dd3-content {
	margin: 0;
}

.dd3-item > button {
	margin-left: 37px;
	line-height: 25px;
	font-weight: bold;
}

.dd3-handle {
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	cursor: pointer;
	width: 37px;
	height: 37px;
	text-indent: 30px;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #aaa;
	background: #ddd;
	background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
	background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
	background: linear-gradient(top, #ddd 0%, #bbb 100%);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.dd3-handle:before {
	content: '≡';
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 100%;
	text-align: center;
	text-indent: 0;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

.dd3-handle:hover {
	background: #ddd;
}

.dd-item {
	line-height: 25px;
}

.dd3-content:hover {
	color: #000;	
}






/* Styling der Formatierung der abgelegten Listeneinträge in der Inbox */
.inbox-list {
	font-size: 0.78rem;
	font-weight: 100;
    margin-top: 2px;
    border-top: 1px solid #fff;
    background-color: #e7e7e7; // #f4d9b6;
}

.inbox-list-dark {
    font-size: 0.78rem;
    font-weight: 100;
    margin-top: 2px;
    border-top: 1px solid #2c2c2c;
    background-color: #ffffff17;
}

/* Outlook-style two-pane inbox: narrow list on the left, detail pane on the right */
.inbox-list-pane {
    width: 100%;
    min-height: 0;
}
@media (min-width: 992px) {
    .inbox-list-pane {
        flex: 0 0 auto;
        width: 420px;
        min-width: 360px;
        max-width: 42%;
        border-right: 1px solid #ddd;
    }
}
.inbox-detail {
    position: relative;
    min-width: 0;
    min-height: 0;
}
.inbox-detail #js-inbox-detail-frame {
    flex: 1 1 auto;
}
/* highlight the currently opened document in the list */
#js-emails li.state-active {
    background-color: #e8f0fe;
    box-shadow: inset 3px 0 0 0 #2196f3;
}



/* Styling der bereits bearbeiteten Buchungen/Listeneinträge */
.bg-processed {
	background-color: #f5f5f5;
}

/************************************************************

    DropzoneJS 

*************************************************************/

.inner-page .section-title {
    font-size: 28px;
    text-transform: uppercase;
    position: relative;
}
.inner-page .section-sub-title {
    margin-top: 10px;
    text-transform: uppercase;
    color: #fff;
}
.inner-page .section-sub-title:not(:first-child) {
    margin-top: 35px;
}

/* Upload files
*************************************/
.files-container {
    position: relative;
    background-color: rgba(0, 0, 0, 0.02);
}
.files-container span {
    display: block;
    text-align: center;
    padding: 25px 25px;
    font-size: 13px;
}

/*** Dropzone ***/
.files-container.hover {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px dashed rgba(0, 0, 0, 0.5);
}
.files-container {
    position: relative;
    border: 1px dashed rgba(0, 0, 0, 0.5);
    min-height: auto;
}
.files-container #upload-label {
    background: rgba(231, 97, 92, 0);
    color: #fff;
    position: absolute;
    height: 115px;
    top: 20%;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    min-width: 20%;
    text-align: center;
    cursor: pointer;
}
.files-container.active {
    background: rgba(231, 97, 92, 0.5);
}
.files-container.active #upload-label {
    background: rgba(231, 97, 92, 0.5);
    color: #e7615c;
}

.files-container #upload-label i:hover {
    color: #444;
    font-size: 9.4rem;
    -webkit-transition: width 2s;
}

.files-container #upload-label span.title {
    font-size: 1em;
    font-weight: bold;
    display: block;
}

span.tittle {
    position: relative;
    top: 222px;
    color: #bdbdbd;
}

.files-container #upload-label i {
    text-align: center;
    display: block;
    color: #e7615c;
    height: 115px;
    font-size: 9.5rem;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}
/** Preview of collections of uploaded documents **/
.preview-container {
    position: relative;
    visibility: collapse;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
	
}
.preview-container #previews .onyx-dropzone-info {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 15px;
    width: 100%;
}
.preview-container #previews .onyx-dropzone-info > .thumb-container {
    flex: 0 0 50px;
    max-width: 50px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 0px;
}
.preview-container #previews .onyx-dropzone-info img {
    max-width: 100%;
    height: auto;
}
.preview-container #previews .onyx-dropzone-info > .details {
    position: relative;
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 38px);
    padding-right: 30px;
	white-space: nowrap
}
.preview-container #previews .onyx-dropzone-info .actions {
    position: absolute;
    right: 0;
    top: 10%;
    line-height: 1;
    transform: translateY(-50%);
}
#previews > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: none;
	animation: none;
}
.dz-preview .dz-progress {
    margin-top: 0px;
}

/* Uploaded files
*************************************/
.no-files-uploaded {
    display: block;
}

.uploaded-files {
    margin-top: 10px;
    transition: all 0.3s ease-in-out;
}
.uploaded-files span,
.uploaded-files a {
    /* font-size: 14px; */
}
.uploaded-files a:hover {
    text-decoration: underline !important;
}
.uploaded-files i {
    position: relative;
    margin-right: 7px;
    font-size: 12px;
    color: #de1500;
}

/* File types
*************************************/
.thumb-container {
    position: relative;
}
div.type-pdf .thumb-container:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-size: 90% 100%;
    background-position: left center;
    background-repeat: no-repeat;
}
div.type-pdf .thumb-container:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2IDU2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0UyNTc0Qzt9LnN0MXtmaWxsOiNCNTM2Mjk7fS5zdDJ7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNi45LDBoLTI5QzcuMiwwLDYuNCwwLjYsNi40LDEuOVY1NWMwLDAuNCwwLjYsMSwxLjUsMWg0MC4xYzAuNywwLDEuNS0wLjYsMS41LTFWMTNjMC0wLjctMC4xLTAuOS0wLjMtMS4xTDM3LjcsMC4zQzM3LjQsMC4xLDM3LjIsMCwzNi45LDBMMzYuOSwweiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNy40LDAuMVYxMmgxMS45TDM3LjQsMC4xeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNy4zLDM0LjNoLTEuNlYyNC4xaDIuOWMwLjQsMCwwLjksMC4xLDEuMiwwLjNjMC40LDAuMSwwLjcsMC40LDEuMSwwLjZjMC40LDAuMywwLjYsMC42LDAuNywxYzAuMywwLjQsMC4zLDAuOSwwLjMsMS4yYzAsMC41LTAuMSwxLTAuMywxLjRjLTAuMSwwLjQtMC40LDAuNy0wLjcsMWMtMC4zLDAuMy0wLjYsMC41LTEuMSwwLjZjLTAuNCwwLjEtMC45LDAuMy0xLjUsMC4zaC0xLjN2My44SDE3LjN6IE0xNy4zLDI1LjR2NGgxLjVjMC4zLDAsMC40LDAsMC42LTAuMXMwLjQtMC4xLDAuNS0wLjRjMC4xLTAuMSwwLjMtMC40LDAuNC0wLjZzMC4xLTAuNiwwLjEtMWMwLTAuMSwwLTAuNC0wLjEtMC42YzAtMC4zLTAuMS0wLjQtMC4zLTAuNmMtMC4xLTAuMy0wLjQtMC40LTAuNi0wLjVjLTAuMy0wLjEtMC42LTAuMy0xLTAuM2gtMS4xVjI1LjR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTMyLjIsMjguOWMwLDAuOS0wLjEsMS41LTAuMywyLjFjLTAuMSwwLjYtMC40LDEuMS0wLjYsMS41Yy0wLjMsMC40LTAuNiwwLjctMC45LDFjLTAuNCwwLjMtMC42LDAuNC0xLDAuNWMtMC40LDAuMS0wLjYsMC4xLTAuOSwwLjNjLTAuMywwLTAuNSwwLTAuNiwwaC0zLjlWMjQuMWgzYzAuOSwwLDEuNiwwLjEsMi4yLDAuNGMwLjYsMC4zLDEuMSwwLjYsMS42LDEuMWMwLjQsMC41LDAuNywxLDEsMS41QzMyLjEsMjcuOCwzMi4yLDI4LjQsMzIuMiwyOC45TDMyLjIsMjguOXogTTI3LjMsMzNjMS4xLDAsMS45LTAuNCwyLjQtMS4xYzAuNS0wLjcsMC43LTEuOCwwLjctMy4xYzAtMC40LDAtMC45LTAuMS0xLjJzLTAuMy0wLjctMC42LTEuMWMtMC4zLTAuNC0wLjYtMC42LTEuMS0wLjdjLTAuNS0wLjMtMS4xLTAuMy0xLjktMC4zaC0xVjMzTDI3LjMsMzNMMjcuMywzM3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzYuMiwyNS40djMuMWg0LjN2MS4xaC00LjN2NC41aC0xLjZWMjRoNi4zdjEuM2gtNC42VjI1LjR6Ii8+PC9nPjwvc3ZnPg==);
}
div.type-jpg .thumb-container:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NiA1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYgNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMjZCOTlBO30uc3Qxe2ZpbGw6IzE0QTA4NTt9LnN0MntmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM3LDBIOEM3LjIsMCw2LjUsMC43LDYuNSwxLjlWNTVjMCwwLjMsMC43LDEsMS41LDFINDhjMC44LDAsMS41LTAuNywxLjUtMVYxM2MwLTAuNy0wLjEtMC45LTAuMy0xLjFMMzcuNiwwLjNDMzcuNCwwLjEsMzcuMiwwLDM3LDB6Ii8+PHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIzNy41LDAuMiAzNy41LDEyIDQ5LjMsMTIgIi8+PGc+PHBhdGggY2xhc3M9InN0MiIgZD0iTTIxLjMsMjQuOHY3LjhjMCwwLjUtMC4xLDAuOS0wLjMsMS4yYy0wLjIsMC4zLTAuNCwwLjYtMC43LDAuOGMtMC4zLDAuMi0wLjYsMC4zLTEsMC40Yy0wLjQsMC4xLTAuOCwwLjEtMS4yLDAuMWMtMC4yLDAtMC40LDAtMC43LTAuMWMtMC4zLDAtMC41LTAuMS0wLjgtMC4ycy0wLjYtMC4yLTAuOC0wLjNjLTAuMy0wLjEtMC41LTAuMi0wLjctMC40bDAuNy0xLjFjMC4xLDAuMSwwLjIsMC4xLDAuNCwwLjJjMC4yLDAuMSwwLjQsMC4xLDAuNiwwLjJjMC4yLDAuMSwwLjQsMC4xLDAuNiwwLjJzMC40LDAuMSwwLjYsMC4xYzAuNSwwLDAuOS0wLjEsMS4yLTAuM3MwLjQtMC41LDAuNS0xdi03LjdIMjEuM3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjUuNCwzNS4xaC0xLjZWMjVoMi45YzAuNCwwLDAuOSwwLjEsMS4zLDAuMnMwLjgsMC4zLDEuMSwwLjZjMC4zLDAuMywwLjYsMC42LDAuOCwxczAuMywwLjgsMC4zLDEuM2MwLDAuNS0wLjEsMS0wLjMsMS40cy0wLjQsMC44LTAuNywxcy0wLjcsMC41LTEuMSwwLjdzLTAuOSwwLjItMS40LDAuMmgtMS4yTDI1LjQsMzUuMUwyNS40LDM1LjF6IE0yNS40LDI2LjN2NGgxLjVjMC4yLDAsMC40LDAsMC42LTAuMWMwLjItMC4xLDAuNC0wLjIsMC41LTAuM3MwLjMtMC40LDAuNC0wLjZzMC4xLTAuNiwwLjEtMWMwLTAuMiwwLTAuNC0wLjEtMC42YzAtMC4yLTAuMS0wLjQtMC4zLTAuNmMtMC4xLTAuMi0wLjMtMC40LTAuNi0wLjVjLTAuMy0wLjEtMC42LTAuMi0xLTAuMkgyNS40eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zOS40LDI5Ljl2My45Yy0wLjIsMC4zLTAuNCwwLjUtMC43LDAuNnMtMC41LDAuMy0wLjgsMC40cy0wLjYsMC4yLTAuOSwwLjJjLTAuMywwLTAuNiwwLjEtMC45LDAuMWMtMC42LDAtMS4yLTAuMS0xLjctMC4zcy0wLjktMC41LTEuMy0xcy0wLjctMS0wLjktMS42Yy0wLjItMC42LTAuMy0xLjQtMC4zLTIuMnMwLjEtMS42LDAuMy0yLjJjMC4yLTAuNiwwLjUtMS4yLDAuOS0xLjZjMC40LTAuNCwwLjgtMC44LDEuMy0xYzAuNS0wLjIsMS4xLTAuMywxLjctMC4zYzAuNSwwLDEuMSwwLjEsMS41LDAuM2MwLjUsMC4yLDAuOSwwLjUsMS4zLDAuOGwtMS4xLDFjLTAuMi0wLjMtMC41LTAuNS0wLjgtMC42Yy0wLjMtMC4xLTAuNi0wLjItMC45LTAuMmMtMC4zLDAtMC43LDAuMS0xLDAuMmMtMC4zLDAuMS0wLjYsMC4zLTAuOCwwLjZjLTAuMiwwLjMtMC40LDAuNy0wLjYsMS4ycy0wLjIsMS4xLTAuMiwxLjhjMCwwLjcsMC4xLDEuMywwLjIsMS44YzAuMSwwLjUsMC4zLDAuOSwwLjUsMS4yczAuNSwwLjYsMC44LDAuN2MwLjMsMC4yLDAuNiwwLjIsMC45LDAuMmMwLjEsMCwwLjIsMCwwLjQsMGMwLjIsMCwwLjMsMCwwLjUtMC4xYzAuMiwwLDAuMy0wLjEsMC41LTAuMXMwLjMtMC4xLDAuMy0wLjJWMzFoLTEuN3YtMS4xTDM5LjQsMjkuOUwzOS40LDI5Ljl6Ii8+PC9nPjwvc3ZnPg==);
}
div.type-png .thumb-container:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NiA1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYgNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojODhDMDU3O30uc3Qxe2ZpbGw6IzY1OUMzNTt9LnN0MntmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM3LDBIOEM3LjIsMCw2LjUsMC43LDYuNSwxLjlWNTVjMCwwLjMsMC43LDEsMS41LDFINDhjMC44LDAsMS41LTAuNywxLjUtMVYxM2MwLTAuNy0wLjEtMC45LTAuMy0xLjFMMzcuNiwwLjNDMzcuNCwwLjEsMzcuMiwwLDM3LDB6Ii8+PHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIzNy41LDAuMiAzNy41LDEyIDQ5LjMsMTIgIi8+PGc+PHBhdGggY2xhc3M9InN0MiIgZD0iTTE2LjksMzUuMWgtMS42VjI1aDIuOWMwLjQsMCwwLjksMC4xLDEuMywwLjJzMC44LDAuMywxLjEsMC42YzAuMywwLjMsMC42LDAuNiwwLjgsMXMwLjMsMC44LDAuMywxLjNjMCwwLjUtMC4xLDEtMC4zLDEuNHMtMC40LDAuOC0wLjcsMXMtMC43LDAuNS0xLjEsMC43cy0wLjksMC4yLTEuNCwwLjJoLTEuMkwxNi45LDM1LjFMMTYuOSwzNS4xeiBNMTYuOSwyNi4zdjRoMS41YzAuMiwwLDAuNCwwLDAuNi0wLjFjMC4yLTAuMSwwLjQtMC4yLDAuNS0wLjNjMC4yLTAuMiwwLjMtMC40LDAuNC0wLjZzMC4xLTAuNiwwLjEtMWMwLTAuMiwwLTAuNC0wLjEtMC42YzAtMC4yLTAuMS0wLjQtMC4zLTAuNmMtMC4xLTAuMi0wLjMtMC40LTAuNi0wLjVzLTAuNi0wLjItMS0wLjJMMTYuOSwyNi4zTDE2LjksMjYuM3oiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzAuOSwyNXYxMC4xaC0xLjdsLTQtNi45djYuOWgtMS43VjI1aDEuN2w0LDYuOVYyNUgzMC45eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00MC43LDI5Ljl2My45Yy0wLjIsMC4zLTAuNCwwLjUtMC43LDAuNnMtMC41LDAuMy0wLjgsMC40cy0wLjYsMC4yLTAuOSwwLjJjLTAuMywwLTAuNiwwLjEtMC45LDAuMWMtMC42LDAtMS4yLTAuMS0xLjctMC4zcy0wLjktMC41LTEuMy0xcy0wLjctMS0wLjktMS42Yy0wLjItMC42LTAuMy0xLjQtMC4zLTIuMnMwLjEtMS42LDAuMy0yLjJjMC4yLTAuNiwwLjUtMS4yLDAuOS0xLjZjMC40LTAuNCwwLjgtMC44LDEuMy0xYzAuNS0wLjIsMS4xLTAuMywxLjctMC4zYzAuNSwwLDEuMSwwLjEsMS41LDAuM2MwLjUsMC4yLDAuOSwwLjUsMS4zLDAuOGwtMS4xLDFjLTAuMi0wLjMtMC41LTAuNS0wLjgtMC42Yy0wLjMtMC4xLTAuNi0wLjItMC45LTAuMmMtMC4zLDAtMC43LDAuMS0xLDAuMmMtMC4zLDAuMS0wLjYsMC4zLTAuOCwwLjZjLTAuMiwwLjMtMC40LDAuNy0wLjYsMS4ycy0wLjIsMS4xLTAuMiwxLjhjMCwwLjcsMC4xLDEuMywwLjIsMS44YzAuMSwwLjUsMC4zLDAuOSwwLjUsMS4yczAuNSwwLjYsMC44LDAuN2MwLjMsMC4yLDAuNiwwLjIsMC45LDAuMmMwLjEsMCwwLjIsMCwwLjQsMGMwLjIsMCwwLjMsMCwwLjUtMC4xYzAuMiwwLDAuMy0wLjEsMC41LTAuMXMwLjMtMC4xLDAuMy0wLjJWMzFoLTEuN3YtMS4xTDQwLjcsMjkuOUw0MC43LDI5Ljl6Ii8+PC9nPjwvc3ZnPg==);
}
div.type-doc .thumb-container:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NiA1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYgNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDA5NkU2O30uc3Qxe2ZpbGw6IzAwNjJCMjt9LnN0MntmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM3LDBIOEM3LjIsMCw2LjUsMC43LDYuNSwxLjlWNTVjMCwwLjMsMC43LDEsMS41LDFINDhjMC44LDAsMS41LTAuNywxLjUtMVYxM2MwLTAuNy0wLjEtMC45LTAuMy0xLjFMMzcuNiwwLjNDMzcuNCwwLjEsMzcuMiwwLDM3LDB6Ii8+PHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIzNy41LDAuMiAzNy41LDEyIDQ5LjMsMTIgIi8+PGc+PHBhdGggY2xhc3M9InN0MiIgZD0iTTIyLjUsMjkuOGMwLDAuOC0wLjEsMS41LTAuMywyLjFzLTAuNCwxLjEtMC43LDEuNXMtMC42LDAuNy0wLjksMC45cy0wLjcsMC40LTEsMC41QzE5LjMsMzQuOSwxOSwzNSwxOC44LDM1Yy0wLjMsMC0wLjUsMC0wLjYsMGgtMy44VjI1aDNjMC44LDAsMS42LDAuMSwyLjIsMC40czEuMiwwLjYsMS42LDEuMXMwLjcsMSwxLDEuNUMyMi40LDI4LjYsMjIuNSwyOS4yLDIyLjUsMjkuOHogTTE3LjYsMzMuOWMxLjEsMCwxLjktMC40LDIuNC0xLjFzMC43LTEuNywwLjctMy4xYzAtMC40LDAtMC44LTAuMS0xLjJjLTAuMS0wLjQtMC4zLTAuOC0wLjYtMS4xcy0wLjctMC42LTEuMi0wLjhzLTEuMS0wLjMtMS45LTAuM2gtMXY3LjZDMTYsMzMuOSwxNy42LDMzLjksMTcuNiwzMy45eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMi41LDMwYzAsMC44LTAuMSwxLjYtMC4zLDIuMnMtMC41LDEuMi0wLjksMS42Yy0wLjQsMC40LTAuOCwwLjgtMS4zLDFzLTEuMSwwLjMtMS43LDAuM3MtMS4yLTAuMS0xLjctMC4zcy0wLjktMC41LTEuMy0xcy0wLjctMS0wLjktMS42cy0wLjMtMS40LTAuMy0yLjJzMC4xLTEuNiwwLjMtMi4yYzAuMi0wLjYsMC41LTEuMiwwLjktMS42YzAuNC0wLjQsMC44LTAuOCwxLjMtMXMxLjEtMC4zLDEuNy0wLjNzMS4yLDAuMSwxLjcsMC4zczAuOSwwLjUsMS4zLDFjMC40LDAuNCwwLjcsMSwwLjksMS42QzMyLjQsMjguNCwzMi41LDI5LjIsMzIuNSwzMHogTTI4LjIsMzMuOGMwLjMsMCwwLjctMC4xLDEtMC4yYzAuMy0wLjEsMC42LTAuMywwLjgtMC42YzAuMi0wLjMsMC40LTAuNywwLjYtMS4yczAuMi0xLjEsMC4yLTEuOGMwLTAuNy0wLjEtMS4zLTAuMi0xLjdjLTAuMS0wLjUtMC4zLTAuOS0wLjUtMS4ycy0wLjUtMC41LTAuOC0wLjdjLTAuMy0wLjEtMC42LTAuMi0wLjktMC4yYy0wLjMsMC0wLjcsMC4xLTEsMC4yYy0wLjMsMC4xLTAuNiwwLjMtMC44LDAuNmMtMC4yLDAuMy0wLjQsMC43LTAuNiwxLjJzLTAuMiwxLjEtMC4yLDEuOGMwLDAuNywwLjEsMS4zLDAuMiwxLjhzMC4zLDAuOSwwLjUsMS4yczAuNSwwLjUsMC44LDAuN0MyNy42LDMzLjcsMjcuOSwzMy44LDI4LjIsMzMuOHoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDEuNiwzNC4xYy0wLjQsMC40LTAuOCwwLjYtMS4zLDAuOGMtMC41LDAuMi0xLDAuMy0xLjUsMC4zYy0wLjYsMC0xLjItMC4xLTEuNy0wLjNzLTAuOS0wLjUtMS4zLTFzLTAuNy0xLTAuOS0xLjZzLTAuMy0xLjQtMC4zLTIuMnMwLjEtMS42LDAuMy0yLjJjMC4yLTAuNiwwLjUtMS4yLDAuOS0xLjZjMC40LTAuNCwwLjgtMC44LDEuMy0xYzAuNS0wLjIsMS4xLTAuMywxLjctMC4zYzAuNSwwLDEuMSwwLjEsMS41LDAuM2MwLjUsMC4yLDAuOSwwLjUsMS4zLDAuOGwtMS4xLDFjLTAuMi0wLjMtMC41LTAuNS0wLjgtMC42cy0wLjYtMC4yLTAuOS0wLjJjLTAuMywwLTAuNywwLjEtMSwwLjJjLTAuMywwLjEtMC42LDAuMy0wLjgsMC42Yy0wLjIsMC4zLTAuNCwwLjctMC42LDEuMnMtMC4yLDEuMS0wLjIsMS44YzAsMC43LDAuMSwxLjMsMC4yLDEuOHMwLjMsMC45LDAuNSwxLjJzMC41LDAuNSwwLjgsMC43YzAuMywwLjEsMC42LDAuMiwwLjksMC4yczAuNi0wLjEsMC45LTAuMnMwLjUtMC4zLDAuOC0wLjZMNDEuNiwzNC4xeiIvPjwvZz48L3N2Zz4=);
}
div.type-zip .thumb-container:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NiA1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYgNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojNTU2MDgwO30uc3Qxe2ZpbGw6IzNGNDg1RTt9LnN0MntmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM3LDBIOEM3LjIsMCw2LjUsMC43LDYuNSwxLjlWNTVjMCwwLjMsMC43LDEsMS41LDFINDhjMC44LDAsMS41LTAuNywxLjUtMVYxM2MwLTAuNy0wLjEtMC45LTAuMy0xLjFMMzcuNiwwLjNDMzcuNCwwLjEsMzcuMiwwLDM3LDB6Ii8+PHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIzNy41LDAuMiAzNy41LDEyIDQ5LjMsMTIgIi8+PGc+PHBhdGggY2xhc3M9InN0MiIgZD0iTTI0LjksMjV2MS4zbC00LjgsNy4ybC0wLjMsMC4yaDUuMVYzNWgtNi43di0xLjNsNC44LTcuMmwwLjMtMC4yaC01LjFWMjVIMjQuOXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjguOSwzNWgtMS43VjI1aDEuN1YzNXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzMsMzVoLTEuNlYyNWgyLjljMC40LDAsMC45LDAuMSwxLjMsMC4yczAuOCwwLjMsMS4xLDAuNmMwLjMsMC4zLDAuNiwwLjYsMC44LDFzMC4zLDAuOCwwLjMsMS4zYzAsMC41LTAuMSwxLTAuMywxLjRjLTAuMiwwLjQtMC40LDAuOC0wLjcsMWMtMC4zLDAuMy0wLjcsMC41LTEuMSwwLjdzLTAuOSwwLjItMS40LDAuMkgzM0wzMywzNUwzMywzNXogTTMzLDI2LjJ2NGgxLjVjMC4yLDAsMC40LDAsMC42LTAuMWMwLjItMC4xLDAuNC0wLjIsMC41LTAuM3MwLjMtMC40LDAuNC0wLjZzMC4yLTAuNiwwLjItMWMwLTAuMiwwLTAuNC0wLjEtMC42YzAtMC4yLTAuMS0wLjQtMC4zLTAuNmMtMC4xLTAuMi0wLjMtMC40LTAuNi0wLjVzLTAuNi0wLjItMS0wLjJMMzMsMjYuMkwzMywyNi4yeiIvPjwvZz48L3N2Zz4=);
}

/* Warnings
*************************************/
#warnings {
    display: none;
    padding-top: 30px;
}
#warnings span {
    display: block;
    padding: 15px 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: rgba(255, 255, 255, 0.05);
}


/* STYLINGS FÜR DIE KAMERA */
/* *************** WARTESCHIRM ************* */
/* Styling für den Warteschirm */
#waitingScreen {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	font-size: 1.5em;
	text-align: center;
	line-height: 100vh;
	z-index: 9999;
}
#cameraPreview {
	width: 100%;
	/* max-width: 400px; */
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
		
.pricing-big .panel-title {
	background-color: #F2F2F2 !important;
    font-size: 18px;
    padding: 20px 0;
    text-align: center;
    border-radius: 5px 5px 0 0;
    margin: 0;
    font-weight: 700;
}

.pricing-big .the-price {
    padding: 20px 0;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.price-features {
    padding: 20px 15px;
    min-height: 230px;
    font-size: 13.5px;
}

@media (max-width: 768px) {
    .w-sm-80 {
        width: 80%!important;
    }
}


/* c3.js formatting for dark mode et al */
/* Change axis lines and ticks */
body.mod-skin-dark .c3-axis-x path, body.mod-skin-dark .c3-axis-x line,
body.mod-skin-dark .c3-axis-y path, body.mod-skin-dark .c3-axis-y line {
    stroke: white; /* Makes axis lines visible on dark background */
}
/* Change tick labels dark mode*/
body.mod-skin-dark .tick text {
    fill: #a5abb1; /* Improves readability */
}
/* Change legend text dark mode */
body.mod-skin-dark .c3-legend-item text {
    fill: #a5abb1; /* Adjusts legend text color */
}
/* Change chart lines dark mode*/
body.mod-skin-dark .c3 path, body.mod-skin-dark .c3 line {
    stroke: lightgray; /* Sets a neon-like color for better contrast */
}

/* Normal mode */
.c3-axis-x path, .c3-axis-x line,
.c3-axis-y path, .c3-axis-y line {
    stroke: #666; /* Makes axis lines visible on dark background */
}
/* Normal mode */
.tick text {
    fill: #666; /* Improves readability */
	font-size: 11px; 
}
/* Normal mode */
.c3-legend-item text {
    fill: #666; /* Adjusts legend text color */
	font-size: 11px; 
}
/* Normal mode */
.c3 path, .c3 line {
    stroke: #666; /* Sets a neon-like color for better contrast */
}

/* Mobile Mode */
@media only screen and (max-width: 992px) {
    .tick text, .c3-legend-item text {
        color: #222;
		font-size: 12px; 
    }
}





/* Cropper Zeugs für User Photo und Company Photo */

 .cropper-container {
  width: 200px;
  height: 200px;
  /* margin: 0 auto; */
  border: 0px solid #e5e5e5;
  overflow: hidden;
}
.cropper-container img {
  max-width: 100%;
}

.cropper-circular-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.cropper-circular-overlay::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px; /* adjust size */
	height: 200px;
	transform: translate(-50%, -50%);
	border: 1px dashed #e8e8e8;
	border-radius: 50%;
	box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); /* darken outside */
}



/* Timeline Zeugs */
.timeline {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #e5e5e5;
    left: 30px;
    margin: 0;
}

.timeline-separator {
    /* text-align: center; */
    margin: 2rem 4rem;
}

.timeline-separator .badge {
    font-size: .75rem;
    padding: .35rem .6rem;
}

.timeline-item {
    position: relative;
    margin-bottom: 2rem;
    padding-left: 70px;
}

.timeline-item:before {
    content: "";
    position: absolute;
    left: 23px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 3px solid #c7c7c7;
    border-radius: 50%;
    z-index: 2;
}

.timeline-item-date {
    font-size: .8rem;
    font-weight: 600;
    color: #666;
    margin-bottom: .25rem;
}

.timeline-item-content {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 1rem 1.25rem;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}


/* Dropzone by Claude */ 
.dropzone-modal { cursor:pointer; min-height:200px; }
.dropzone-modal .dz-message { text-align:center; padding:40px 20px; margin:0; color:#6c757d; font-size:14px; }
.dropzone-modal .dz-message button { background:none; border:none; cursor:pointer; color:inherit; font-size:inherit; }
.dropzone-modal.dz-drag-hover { background:#edf5ff !important; }
.dropzone-modal.dz-started { min-height:0; }
.dropzone-modal.dz-started .dz-message { display:none; }
#modal-previews:not(:empty) { border-top:1px solid #e9ecef; }
#modal-previews { max-height:340px; overflow-y:auto; }
.modal-dz-row { display:flex; align-items:center; padding:5px 12px; border-bottom:1px solid #f0f0f0; background:#fff; }
.modal-dz-thumb { width:38px; height:38px; min-width:38px; margin-right:10px; border-radius:3px; overflow:hidden; background:#f0f0f0; display:flex; align-items:center; justify-content:center; color:#aaa; font-size:18px; flex-shrink:0; }
.modal-dz-thumb img { width:100%; height:100%; object-fit:cover; }
.modal-dz-info { flex:1; min-width:0; margin-right:6px; }
.modal-dz-name { font-size:12px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3; }
.modal-dz-meta { font-size:11px; color:#aaa; line-height:1.3; }
.modal-dz-prog { height:3px; background:#e9ecef; border-radius:2px; margin-top:3px; overflow:hidden; }
.modal-dz-prog .dz-upload { display:block; height:100%; background:#2196F3; width:0; transition:width .3s; }
.dz-success .modal-dz-prog .dz-upload { background:#28a745; }
.dz-error .modal-dz-prog .dz-upload { background:#dc3545; }
.dz-error-message { font-size:11px; color:#dc3545; }
.modal-dz-rm { flex-shrink:0; border:0; background:transparent; color:#ccc; padding:4px 6px; font-size:14px; line-height:1; cursor:pointer; border-radius:3px; }
.modal-dz-rm:hover { color:#dc3545; background:#fff5f5; }



/* modal select input ellipsis */
/* Keep select2 inside its modal column even when the chosen option text is
   very long — otherwise the .select2-selection__rendered pushes its column
   wider than the modal and the whole dialog slides under the left nav.
   Scoped to Bootstrap's .modal class so this applies to every modal in the
   app, including any future ones, without per-id maintenance. */
.modal .col,
.modal [class^="col-"] { min-width: 0; }

.modal .select2-container { max-width: 100%; }

.modal .select2-container .select2-selection__rendered {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}