body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}
.page-footer {
    padding-top: 0;
}
.page-footer .footer-copyright {
    min-height: 30px;
    padding: 5px 0 5px 0;
}
.tabs-custom {
    width: 99%;
    overflow:hidden;
}
.tabs .tab a{
    color:#00ACC1;
}
.tabs .tab a:hover,.tabs .tab a.active {
    background-color:#fafafa !important;
    color:#008B9B;
}
.tabs .tab.disabled a,.tabs .tab.disabled a:hover {
    color:rgba(102,147,153,0.7);
}
.tabs .indicator {
    background-color:#009BAD;
}

#sketchpad {
    border: 1px solid #1e88e5;
    background-color:#FFF;
    cursor: crosshair;
}

.sectionDokument {
    padding-top: 0 !important;
}

.bodyDokument {
    overflow:hidden;
}

.sidenavCustom {
    width: 420px;
}

#modalNotizenDeleteConfirm {
    width: 45% !important;
    height: 45% !important;
}

/*----MS Edge Browser CSS Start----*/
/*
@supports (-ms-accelerator:true) {
	.sidenavCustom {
	    height: 100% !important;
	}
}
*/
/*----MS Edge Browser CSS End----*/

.sidenav-spacer {
	height: 50px;
}

.sectionCustom {
    padding-left: 8px;
}

.btn-largeCustom {
    width: 100%;
}
.img-Language {
    vertical-align: middle;
}
.font-bold {
    font-weight: bold;
}

textarea.materialize-textarea{
    height: 24rem;
    background-color:#FFF;
}

/* label focus color */
.input-field input:focus + label, .input-field textarea:focus + label {
    color: #1e88e5 !important;
}
/* label underline focus color */
.row .input-field input:focus, .row .input-field textarea:focus {
    border-bottom: 1px solid #1e88e5 !important;
    box-shadow: 0 1px 0 0 #1e88e5 !important;
}

.nav-wrapper .brand-logo img {
    height: 64px;
}

.dropdown-content li > span {
    color: #1e88e5;
}

.select-wrapper + label {
    top: -26px;
    font-size: 16px;
}

@media only screen and (max-width: 992px) {
    nav .brand-logo.left {
        left: 0 !important;
    }
    nav .brand-logo {
        display: none !important;
    }
}
@media (max-width: 600px) {
    .nav-wrapper .brand-logo img {
        height: 56px;
    }
    nav .brand-logo {
        display: none !important;
    }
}

.p5 {
    padding: 5px 0 5px 0;
}
.p10 {
    padding: 10px 0 10px 0;
}
