body.page-login {
	background: url("/img/background.jpg"); 
	background-size: cover;
}

body.page-main, body.page-admin {
	background: url("/img/pattern.jpg"); 
	background-repeat: repeat;
    min-height: 100vh;
}

body.page-login .valign-wrapper {
	height: 100vh;
	margin-bottom: 0px;
}

body.page-login .row form.col {
	max-width: 450px;
	margin-right: auto;
	padding: 3rem 1.5rem 1em 1.5em;
}

body.page-login .logo {
	max-width: 85%;
}

@media only screen and (min-width: 601px) {
	nav .brand-logo img {
		max-height: 55px !important;
		margin: 5px 0px 5px 5px !important;
		padding: 1px;
	}
}

nav .brand-logo img {
	max-height: 46px;
	margin: 5px 0px 5px 5px;
}

nav i.left {
	margin-right: 10px;
}
.page-main .container, .page-admin .container {
	padding: 40px 0px;
	width: 100%;
	margin-top: 0px;
}
@media (min-width: 576px) {
	.page-main .container, .page-admin .container {
		margin-top: 45px;
		margin-bottom: 45px;
		width: 100% !important;
	}
}
@media (min-width: 1280px) {
	.page-main .container, .page-admin .container {
		padding: 40px !important;
	}
}
@media (max-width: 1280px) {
	.page-main .container, .page-admin .container {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
.dashboard .divider {
	margin: 15px 0;
}

.dashboard h5 {
	font-weight: 500;
}

.dashboard h5 i {
	vertical-align: sub;
}

.dashboard2 table {
	word-break: break-word;
}
.dashboard2 tbody, .dashboard2 thead {
	display: block;
}

.dashboard2 tbody {
	height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dashboard2 thead tr, .dashboard2 tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.dashboard2 {
	margin-top: 50px;
}

.fentecSyncSpinner, .fentecSyncSpinner2 {
	position: block;
    width: 27px !important;
    height: 27px !important;
}

.tabulator-page-size {
	width: inherit;
}

.tabulator-row-odd {
    background-color: #f7f9fb !important;
}

.modalEditReklaInfo {
	margin-top: 10px;
	margin-bottom: 10px;
}

.modalEditReklaInfo p {
	margin: 0;
}

.modalEditReklaAddr p {
	margin: 0;
	line-height: 1.1;
}

#modalEditRekla h6 {
	font-weight: 500;
}

.modalEditReklaInfo p i {
	vertical-align: top;
    font-size: 1.6rem;
    margin-right: 4px;
}

.modalEditReklaAddr a {
	margin-top: 5px;
    margin-right: 5px;
}

#modalEditReklaRadio p {
	margin-block-end: 0px;
    margin-block-start: 0px;
}

#modalEditReklaArea {
	margin-bottom: 0px;
}

canvas {
	width: 100%;
	height: 100%;
	border: 1px #0d47a1 dashed;
	border-radius: 7px;
}
  
.signature-pad-container {
	width: 100%;
	height: 150px;
	position: relative;
	text-align: right;
}
  
#clear_button {
	z-index: 10;
	position: absolute;
	right: 1.3em;
	padding: 0.5em 0em;
	color: red;
	font-weight: 600;
	font-size: 14pt;
	cursor: pointer;
}

.colspace {
	padding-bottom: 0.75rem !important;
}

@media only screen and (min-width: 993px) {
	.colspace {
		width: calc(33% - 20px) !important;
    	margin-left: 10px !important;
    	margin-right: 10px !important;
	}
}

#finalizeReklamationForm .collection i {
	vertical-align: bottom;
	margin-right: 10px;
}

#finalizeReklamationForm .collection .collection-item {
	padding: 6px 10px;
}

.modal {
	max-height: 95% !important;
	top: 5% !important;
}

@media (max-width: 1400px) {
	.modal {
		width: 90% !important;
	}
}

.tabulator-alert-msg {
	width: 84px;
	height: 84px;
	border: 0px !important;
	background: white !important;
	border-radius: 100% !important;
	padding: 10px !important;
}

.no-margin {
	margin: 0 !important;
}

.settingsname {
	line-height: 54px;
	font-weight: bold;
}

#reklamation_MailTemplate {
	margin-top: 20px;
}

.modal .modal-footer {
	padding: 4px 24px;
}

.delContainer {
	position: relative;
}

.delContainer:hover i{
    opacity: 1;
}

.delContainer i {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.delContainer i:hover {
	cursor: pointer;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.flex .col {
	margin-left: 0 !important;
}

.tabulator-edit-list .tabulator-edit-list-item {
	color: black !important;
	background: #fff !important;
}

.tabulator-edit-list .tabulator-edit-list-item:hover {
	color: black !important;
	background: rgb(230, 230, 230) !important;
}

.tabulator-tableholder {
	height: fit-content !important;
}

.varTable {
	font-size: 12px;
}

.varTable td {
	padding: 7px 5px;
}

.pdfPreview .collapsible-body {
	padding: 0 !important;
}

.pdfPreview .collapsible-body iframe {
	width:100%;
	height:500px;
  border-style: none;
}





.input-field input[type=text]:focus + label, .input-field input[type=date]:focus + label, .input-field input[type=password]:focus + label {
	color: #9e9e9e !important;
}
.input-field textarea:focus + label {
	color: #9e9e9e !important;
}
/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=date]:focus, input[type=search]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]) {
	border-bottom: 1px solid #004b93 !important;
    -webkit-box-shadow: 0 1px 0 0 #004b93 !important; 
    box-shadow: 0 1px 0 0 #004b93 !important;
}
.input-field textarea:focus {
	border-bottom: 1px solid #004b93 !important;
    -webkit-box-shadow: 0 1px 0 0 #004b93 !important; 
    box-shadow: 0 1px 0 0 #004b93 !important;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #004b93;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: #004b93 !important;
}
.dropdown-content li>span {
	color: black;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
	border-color: #004b93;
	background-color: #004b93;
}
/* icon prefix focus color */
.input-field .prefix.active {
	color: #004b93;
}


[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    appearance: auto !important;
	-webkit-appearance: auto !important;
}

@media (max-width: 600px) {
	.tabulator-page-counter, .tabulator-paginator {
		display: block;
		text-align: left !important;
	}
	.tabulator-footer-contents {
		display: block !important;
	}
}