:root {
    --debekaBlau1: #009DE0;
    --debekaBlau2: #0079AD;
    --debekaBlau3: #004B6F;
    --debekaBlau4: #CCE4EF;
    --debekaGruen1: #7BA607;
    --debekaGruen2: #577505;
    --debekaGelb1: #FFB616;
    --debekaOrange1: #F07800;
    --debekaOrange2: #C06000;
    --debekaRot1: #B60015;
    --debekaRot2: #83000F;
    --debekaWeiss: #FFFFFF;
    --debekaGrau1: #F0EFE4;
    --debekaGrau2: #E6E5DA;
    --debekaGrau3: #DCDBD0;
    --debekaGrau4: #D2D1C6;
    --debekaGrau5: #B0B0A7;
    --debekaSchwarz: #000000;
    /*--------------- # Color palette # ---------------*/
    --insignNavy: #009DE0;
    --insignBlue: #004B6F;
    --insignModernBlue: #009DE0;
    --insignMediumBlue: #009DE0;
    --insignLightBlue: #0079AD;
    --insignLightBlue2: #0079AD;
    --insignLighterBlue: #009DE0;
    --insignLightestBlue: #009DE0;
    --insignWhite: #FFFFFF;
    --insignLightestGrey: #F0EFE4;
    --insignLigtherGrey: #F0EFE4;
    --insignLightGrey: #F0EFE4;
    --insignGrey: #E6E5DA;
    --insignMiddleGrey: #E6E5DA;
    --insignDarkGrey: #E6E5DA;
    --insignDarkerGrey: #DCDBD0;
    --insignDarkestGrey: #D2D1C6;
    --insignLightBlack: #B0B0A7;
    --insignAlternativeBlack: #000000;
    --insignBlack: #000000;
    --insignDarkBlack: #000000;
    --insignYellow: #FFB616;
    --insignAlternativeYellow: #F07800;
    --insignLightGreen: #7BA607;
    --insignGreen: #7BA607;
    --insignDarkGreen: #577505;
    --insignLightOrange: #F07800;
    --insignOrange: #C06000;
    --insignLightRed: #B60015;
    --insignRed: #83000F;
    /*------- # Debeka ******************************************************************************************** # -------*/
    --insignMain: #004B6F;
    --insignLightMain: #0079AD;
    --insignLighterMain: #009DE0;
    --insignTransparentMain: #004B6F25;
    --insignErrorColorOld: #B60015;
    --insignErrorColor: #83000F;
    --insignSuccessColorOld: #7BA607;
    --insignSuccessColor: #577505;
    --insignWarnColor: #C06000;
    --insignHoverBackground: #F0EFE4;
    /*General Styling*/
    --insignBackgroundColor: #F0EFE4;
    --insignTextColor: #B0B0A7;
    --insignLabelColor: #000000;
    --insignBorderColor: #E6E5DA;
    /*Primary Buttons*/
    --insignButtonPrimaryBackground: #009DE0;
    --insignButtonPrimaryBorder: #009DE0;
    --insignButtonPrimaryColor: #FFFFFF;
    --insignButtonPrimaryHoverBackground: #0079AD;
    --insignButtonPrimaryHoverBorder: #0079AD;
    --insignButtonPrimaryHoverColor: #FFFFFF;
    /*Secondray Buttons*/
    --insignButtonSecondaryBackground: #FFFFFF;
    --insignButtonSecondaryBorder: #009DE0;
    --insignButtonSecondaryColor: #009DE0;
    --insignButtonSecondaryHoverBackground: #CCE4EF;
    --insignButtonSecondaryHoverBorder: #0079AD;
    --insignButtonSecondaryHoverColor: #0079AD;
    /*Links*/
    --insignLinkColor: #009DE0;
    --insignLinkHoverColor: #009DE0;
    --insignCookieLink: #009DE0;
    /*Footer in Start-Module*/
    --insignFooterBackground: #F0EFE4;
    --insignFooterColor: #000000;
    --insignFooterBorderColor: #E6E5DA;
    /*Popup-Dialog*/
    --insignDialogBackground: #FFFFFF;
    --insignDialogColor: #000000;
    /*Popup-Dialog-Header*/
    --insignDialogHeaderColor: #004B6F;
    --insignDialogHeaderBackground: #E6E5DA;
    /*Toast*/
    --insignToastBackground: #FFFFFF;
    --insignToastBorder: #E6E5DA;
    --insignToastText: #B0B0A7;
    --insignToastTitle: #000000;
    --insignHeaderUsernameColor: #000000;
    /*-------- # Editor # --------*/
    --insignField: #009DE0;
    --insignFieldBorder: #009DE0;
    --insignRequiredFieldBorder: #83000F;
    --insignEditorHoverBackground: #E6E5DA;
    /*Upload*/
    --insignUploadHeadline: #000000;
    --dragAndDrop: #3F3B3B;
    /*Formular Editor*/
    --insignFormEditor: #B0B0A7;
    --insignVerticalDivider: #E6E5DA;
    /*Nav-Bar und normale Buttons*/
    --insignNavBackground: #000000;
    --insignNavColor: #FFFFFF;
    /*Signature Count Bar*/
    --insignSigCountBackground: #FFFFFF;
    --insignSigCountColor: #B0B0A7;
    /*Nav-Bar Hover normale Buttons*/
    --insignNavHoverBackground: #F0EFE4;
    --insignNavHoverColor: #004B6F;
    --insignNavHoverBorderColor: #004B6F;
    /*Nav-Bar Next-Action*/
    --insignNavNextActionBackground: #004B6F;
    --insignNavNextActionColor: #FFFFFF;
    --insignNavNextActionHoverBackground: #0079AD;
    --insignNavNextActionHoverColor: #FFFFFF;
    /*Assitant*/
    --insignGuideArrowBackgroundColor: #009DE0;
    /*Header im Menu*/
    --insignNavHeaderBackground: #B0B0A7;
    --insignNavHeaderColor: #FFFFFF;
    /*Aktiver Menu-Knopf*/
    --insignNavActiveBackground: #B0B0A7;
    --insignNavActiveColor: #FFFFFF;
    /*Dokument Name*/
    --insignNavDocNameBackground: #E6E5DA;
    --insignNavDocNameColor: #004B6F;
    --insignNavDocNameInactivColor: #000000;
    --insignNavDocThumbsBackground: #F0EFE4;
    /*E-Mails*/
    --insignMailButtonPrimaryBackground: #004B6F;
    --insignMailButtonPrimaryColor: #FFFFFF;
    /*E-Mails NEW*/
    --insignMailBackground: #F0EFE4;
    --insignMailBackgroundMain: #F0EFE4;
    /*--insignMailBackgroundMain: #FFFFFF;*/
    --insignMailBackgroundBlock: #F0EFE4;
    /*--insignMailBackgroundBlock: #FFFFFF;*/
    --insignMailMainTextColor: #000000;
    --insignMailLighterTextColor: #000000;
    --insignMailImprintColor: #000000;
    --insignMailAdColor: #000000;
    --inSignMailWarningColor: #83000F;
    /*Mail modals*/
    --insignMailFormBorderColor: #E6E5DA;
    --insignMailFormTitleColor: #000000;
    --insignMailFormHeaderButtonColor: #B0B0A7;
    --insignMailFormHeaderButtonFocusColor: #E6E5DA;
    --insignMailFormHeaderBackgrounColor: #F0EFE4;
    --insignMailAddFormButtonColor: #B0B0A7;
    /*Styling Farben*/
    --insignBorderFocusColor: #C06000;
    /*Pairing Modal*/
    --insignPairingOptionBackgroundColor: #DCDBD0;
    /*--------- # Gallery # ---------*/
    --insignGalleryHeaderIcon: #FFFFFF;
    /*Used in old header*/
    --insignGalleryFocusColor: #000000;
    --insignGalleryDocumentTitleColor: #000000;
    --insignGalleryRowIcon: #B0B0A7;
    --insignGalleryRowIconBackGroundColor: #F0EFE4;
    --insignGalleryHeaderColor: #009DE0;
    --insignGalleryTableHeadColor: #009DE0;
    --insignGalleryTextColor: #009DE0;
    --insignGalleryDropdownTextColor: #000000;
    --insignGalleryHoverColor: #004B6F;
    --insignGalleryHoverBorderColor: #004B6F;
    --insignGalleryHoverBackground: #FFFFFF;
    /* process status colors */
    --insignGalleryStatusNeedAction: #009DE0;
    --insignGalleryStatusExtern: #577505;
    --insignGalleryStatusFinished: #B0B0A7;
    --insignGalleryStatusError: #83000F;
    --insignGalleryFormPlaceholderColor: #E6E5DA;
    --insignGallerySettingsNavColor: #B0B0A7;
    --insignGallerySettingsLabelColor: #000000;
    --insignGallerySettingsInputTextColor: #000000;
    --insignStartProcessTemplateColor: #F0EFE4;
    --insignStartProcessTemplateTextColor: #000000;
    --insignStartProcessTemplateBorderColor: #F0EFE4;
    /*------- # Login # -------*/
    --insignLoginHeaderColor: #000000;
    --insignLoginSubheaderColor: #B0B0A7;
    --insignLoginTextColor: #B0B0A7;
    --insignLoginLinkTextColor: #D2D1C6;
    --insignLoginShowHideIconColor: #E6E5DA;
    /* Error and message icon colors */
    --insignSuccessIconColor: #7BA607;
    --insignWarningIconColor: #F07800;
    --insignLockedIconColor: #0079AD;
    --insignErrorIconColor: #B60015;
    --insignNoteIconColor: #009DE0;
    --insignToastWarningIconColor: #F07800;
}
.btn {
    border-radius: 1.5rem;
    height: auto;
    padding: 1rem 1.5rem 0.75rem 1.5rem;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.25rem !important;
    line-height: 1.25rem;
    letter-spacing: 0.03125rem;
    text-transform: uppercase;
}
.btn.dropdown-menu-toggle {
    padding: 0.5rem 1rem;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
#signModal .signBtn.btn-secondary:hover,
#signModal .realNameBtn.btn-secondary:hover,
#fotoModal .fotoBtn.btn-secondary:hover,
#signModal .signBtn.btn-default:hover,
#signModal .realNameBtn.btn-default:hover,
#fotoModal .fotoBtn.btn-default:hover {
    color: #0079AD;
    background-color: #CCE4EF;
    border-color: #0079AD;
}
.btn.btn-primary:focus,
.btn-close:focus {
    border-color: #009DE0;
    -webkit-box-shadow: 0 0 3px 3px #009DE0;
    -moz-box-shadow: 0 0 3px 3px #009DE0;
    box-shadow: 0 0 3px 3px #009DE0;
}
.btn-close {
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    background: none;
    background-color: #FFFFFF;
}
.btn.pwd-showHide {
    border-radius: 0 0.25rem 0.25rem 0;
}
.input-pwd-container input.form-control:focus ~ button.pwd-showHide {
    border-color: #009DE0;
}

#signModal .signBtn,
#signModal .realNameBtn,
#fotoModal .fotoBtn {
    border-radius: 0!important;
}

.btn-group-sm>.btn, 
.btn-sm,
#useradmin .btn {	
    font-size: 0.875rem !important;
    border-radius: 0.2rem;
}
#useradmin .col-actions .btn {	
	padding: 0.25rem 0.5rem;
}
.toggle-on, .toggle-off {	
	padding: 0.25rem 1rem;
	letter-spacing: normal;
    text-transform: none;
}
.toggle-handle {	
	padding: 0 8px;
	height: 100%;
}

.modal-content {
    font-family: "Open Sans",sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    background-color: #F0EFE4 !important;
    color: #004B6F !important;
}
.modal-header {
    background-color: #004B6F !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    padding: 1rem !important;
}
i.modal-header-icon {
    font-size: 1.25rem !important;
}
.modal-header h1 {
    color: #FFFFFF !important;
}
.modal-header ul > li,
.modal-header .awesomplete > ul > li {
    color: #000000 !important;
}

.input-container-new-folder label.form-label,
label.form-label {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-family: Open Sans !important;
    color: #004B6F !important;
}
.docTitle, .docTime-signature {
    font-size:1rem !important;
    color: #009DE0;
}
.table-data2.table thead th, .docTime-signature {
    font-size:1rem !important;
    color: #004B6F !important;
}
.containerProcessTemplate .nav-item .nav-option:focus,.containerProcessTemplate .nav-item .nav-option:hover {
    font-size:1rem !important;
    color: #004B6F !important;
}
.modal-body p, #pluginTokenText, #dropdownScreenMenuButton, #langLabel, .dropdownLangMenuButton, #dropdownLangMenuButtonMail, .dropdownLangMenuButton, .settings-modal .settingsRow .lbl-settings, #screenTypeLabelWithChoice, #screenTypeLabelNoChoice {
    color: #004B6F !important;
    font-size:1rem !important;
}
#pairingModal .modal-header {
    margin-bottom: 4px !important;
}
#alertModal .modal-body,
#plausiPopup .modal-body,
.modal .modal-body,
.modalInsign .modal-body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#plausiPopup .modal-footer #plausiFooterDiv.all3Buttons,
#plausiPopup .modal-footer #plausiFooterDiv.all3Buttons > div {
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: center !important;
}
#plausiPopup .modal-footer #plausiFooterDiv.all3Buttons #plausi-abhilfe-btn {
    margin-left: 0px !important;
}


#plausiPopup .plausi-close-btn.btn-primary,
#plausiPopup .plausi-abhilfe-btn.btn-primary {
    margin-top: 0 !important;
}

#alertModal .textBeforeBtn{
    max-width: 150px;
}

.dropdown.dropdown-settings .btn {
    font-size:1rem !important;
    text-transform: none;
}
.settings-modal .nav-tabs .nav-link {
    font-size: 1rem;
    color: #009DE0;
}
.settings-modal .nav-tabs .nav-link:hover, .settings-modal .nav-tabs .nav-link:focus {
    color: #0079AD;
}
#dropdownScreenMenuButton, #langLabel, .dropdownLangMenuButton, #dropdownLangMenuButtonMail, .dropdownLangMenuButton {
    color: #004B6F;
}
.modalInsign svg.modal-header-icon {
    fill:white;
}

.pairing-choose-btn-container {
    padding-top: .25rem !important;
}
.pairing-bubble-title {
    font-size:1rem;
}

.choose-btn-title:hover,  .choose-btn-title:focus {
    color: #004B6F !important;
}

#startBatchSignatureModal .columnVorgang, 
#startBatchSignatureModal .columnVorgangCell {
    flex: 0 0 auto;
    width: 58.33333333%;
}
#startBatchSignatureModal .columnFortschritt, 
#startBatchSignatureModal .columnFortschrittCell   {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.modalInsign .modal-footer {
	padding: 20px 10px;
    justify-content: end;
}
#plausiPopup .modal-footer button {
    text-wrap: wrap !important;
}

.modal-footer .btn.closeBtnSec,
.modal-footer .btn.alertCloseBtnSec,
.modal-footer .btn.plausi-close-btn {
	margin-right: 0 !important;
}
.rolefield {
    color:#004B6F !important;
}
.login-head-insignlogo {
    background: url( https://www.debeka.de/content/dam/de/webauftritt/sonstige/unternehmen/%C3%BCber-uns/film-und-fotoservice/Debeka_Logo_RGB_72dpi.png?v884229157046973155683) no-repeat;
    background-size: contain;
    height: 100%;
}
#signModal .modal-content,
#signModal .sigPad {
    background-image: none !important;
}
#signModal .signText {
    color: #004B6F !important;
}

.guideTooltip {
    z-index: 1500;
}

.process-status {
	font-size: 14px!important;
}

#applypwbtn {
   width: auto;
   height: 56px;
}

.inline-modal-footer .btn{
	margin-bottom: 1.5rem !important;
}

@media screen and (max-width: 767px) {
    .mobile .modal .modal-footer {
        padding: 10px 50px 10px 50px;
    }
	
	
	.modal-footer .btn.closeBtnSec,
	.modal-footer .btn.alertCloseBtnSec,
	.modal-footer .btn.plausi-close-btn, 
	.modal-footer .btn {
        margin-right: 0px !important;
    }
	
	.btn-settings#dropdownScreenMenuButton {
		width: 99%;
	}
}

@media (max-device-width: 480px) and (orientation: portrait) {

    .modal-footer button {
        text-wrap: wrap !important;
        width: 100%;
    }

    #alertModal .textBeforeBtn {
         max-width: none;
    }

    .btn {
        padding: 0.75rem 0.75rem ;
        font-size: 1rem !important;
        line-height: 1rem;
    }

    #signModal .modal-header {
        padding: 0 !important;
    }
    #signModal .signBtn,
    #signModal .realNameBtn,
    #fotoModal .fotoBtn {
        border-radius: 0 !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    /*#signModal .signBtn.okBtn,*/
    /*#signModal .realNameBtn.okBtn,*/
    /*#fotoModal .fotoBtn.sendBtn {*/
    #signModal .signBtn,
    #signModal .realNameBtn,
    #fotoModal .fotoBtn {
        min-width: 80px !important;
    }
	
	#moveModal .modal-footer .btn-primary {
		margin-bottom: 10px!important;
	}
	#moveModal .modal-footer,
	#startProcessModal .modal-footer {			
		flex-direction: column-reverse !important;
	}
	.externMailBtn {
		width: 100%;
	}
	
	
}

.heading-icon,
table-dark .heading-icon {
    fill: #000000;
    color: #000000;
}


@media (forced-colors: active) {
    @media (prefers-color-scheme: dark) {
        .heading-icon {
            fill: #000000;
            color: #000000;
        }
    }
}

.main-column-left {
	word-break: break-word;
}