/*--------------
# Fix for FA 6 - too small lineheights lead to non-clickable elements for the gui test #
--------------*/

i.fal, i.far, i.fas {
    line-height: 1;
}
/*--------------
# Font Imports #
--------------*/

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto/Roboto-Light.ttf?v36661);
	font-weight: 300;
}

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto/Roboto-Regular.ttf?v36661);
	font-weight: 400;
}

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto/Roboto-Medium.ttf?v36661);
	font-weight: 500;
}

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto/Roboto-Bold.ttf?v36661);
	font-weight: 700;
}

/*----------------
# Pseudo elements #
----------------*/

:focus,
.btn:focus,
button:focus,
a:focus {
	outline: 2px solid #0165BC;
    -webkit-box-shadow: 0px 0px 0px 4px #CED4DA;
    -moz-box-shadow: 0px 0px 0px 4px #CED4DA;
    box-shadow: 0px 0px 0px 4px #CED4DA;
}

body :focus,
body .btn:focus,
body button:focus,
body a:focus {
	/* Provide a fallback style for browsers
     that don't support :focus-visible */
/* 	outline: inherit; */
}

body :focus:not(:focus-visible),
body .btn:focus:not(:focus-visible),
body button:focus:not(:focus-visible),
body a:focus:not(:focus-visible){
	/* Remove the focus indicator on mouse-focus for browsers
     that do support :focus-visible */
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body :focus-visible,
body .btn::focus-visible,
body button::focus-visible,
body a::focus-visible{
	/* Draw a very noticeable focus style for
     keyboard-focus on browsers that do support
     :focus-visible */
	outline: inherit;
}

/*---------------
# Main elements #
---------------*/

html, body {
	height: 100%;
}

body {
	background-color: #F0F3F6;
	opacity: 1;
	font-family: "Roboto", sans-serif;
	color: #5E5E5E;
}

.container {
	margin: 0 auto;
	height: 100%;
	position: relative;
	right: 0;
	padding-left: 0px;
	padding-right: 0px;
}

[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="url"]
{
    direction: unset;
}
input[type="search"],
input[type="text"] {
	-webkit-appearance: none;
}

/*-------
# Forms #
-------*/
.table>:not(:first-child) {
    border-top: none;
}


label.form-label {
	font-weight: 500;
	font-size: 14px;
	color: #3E3F42;
}

input.form-control,
.dropdown .btn,
textarea.form-control {
	border-width: 1px;
	border-style: solid;
	border-color: #CED4DA;
    font-size: inherit;
    box-shadow: none !important;
}

.input-pwd-container button.pwd-showHide {
	background-color: #FFFFFF;
	border-color: #CED4DA;
}

.input-pwd-container button.pwd-showHide:hover {
	color: #0165BC;
}

input.tokenfield-has-error,
.tokenfield-has-error,
.tokenfield-has-error .token.invalid,
input.input-has-error,
.input-has-error input,
textarea.input-has-error,
.input-has-error textarea,
.input-has-error button.pwd-showHide {
	border-width: 1px;
	border-color: #BD2318 !important;
}

.input-error-text {
	display: none;
	margin: 0;
}

.tokenfield-has-error ~ .input-error-text,
.input-has-error ~ .input-error-text,
.input-has-focus-empty ~ .input-error-text {
    display: block;
    font-size: 13px;
}

.tokenfield-has-error ~ .input-error-text,
.input-has-error ~ .input-error-text {
	color: #BD2318;
}

.input-has-focus-empty ~ .input-error-text .link-insign,
.input-has-error ~ .input-error-text .link-insign {
	font-size: 13px;
}

.insign-checkbox {
	display: flex;
}

.insign-checkbox .form-check-input {
	min-width: 25px;
	min-height: 25px;
	max-width: 25px;
	max-height: 25px;
	float: none;
	border: 1px solid #5E5E5E;
	border-radius: 2px;
	margin-top: 0;
	text-align: center;
}

.insign-checkbox .form-check-input:checked {
	background-image: none;
	background-color: #0165BC;
}

.insign-checkbox .form-check-input:before {
	line-height: 1;
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
	color: #FFFFFF;
}

.insign-switch {
	margin-top: 0;
	font-size: 16px;
}
[dir="ltr"] .insign-switch {
    padding-left: 3em;
}
[dir="rtl"] .insign-switch {
    padding-right: 3em;
}

.insign-switch .form-check-input {
	position: relative;
	bottom: 0.125em;
	width: 2.5em;
	height: 1.25em;
	border-width: 1px;
	border-color: #6B6C6F;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%235e5e5e'/></svg>");
}
[dir="ltr"] .insign-switch .form-check-input {
    margin-left: -3em;
}
[dir="rtl"] .insign-switch .form-check-input {
    margin-right: -3em;
}

.insign-switch .form-check-input:hover {
	cursor: pointer;
}

.insign-switch .form-check-input:checked {
	background-color: #0165BC;
	border-width: 0;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.invalidMessage {
	color: #BD2318;
}

.instructions,
.login-instructions {
    line-height: 25px;
}

.instructions p,
.login-instructions p {
    margin-bottom: 1.5rem;
    color: #3E3F42;
}
.instructions-number,
.login-instructions-number {
    min-width: 25px;
    height: 25px;
    color: #0165BC;
    background-color: #0165BC25;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

/*--------
# Tables #
--------*/

.table-data2 {
    border-collapse: collapse;
    overflow: visible;
}

.table-data2.table thead tr {
    height: 55px;
}
.table-data2.table thead th {
    font-size: 14px;
    color: #5E5E5E;
    text-transform: uppercase;
    border: none;
    font-weight: 500;
    padding: 0 25px;
}


.table-data2.table thead th[aria-sort="none"]:not(.sorter-false):hover .tablesorter-header-inner,
.table-data2.table thead th[aria-sort="none"]:not(.sorter-false):hover .tablesorter-header-inner:after {
    color: #3076d0;
}

.table-data2.table thead th:first-child,
.table-data2.table tbody tr td:first-child {
    padding-left: 35px;
}

.table-data2.table tbody tr {
    min-height: 65px;
    padding: 5px 0;
    border-top: 1px solid #F0F3F6;
}

.condensed .table-data2.table tbody tr {
    padding: 0;
    min-height: 40px;
}

.table-data2.table tbody td {
    font-size: 14px;
    color: #6B6C6F;
    vertical-align: middle;
    padding: 0 25px;
    border-top: none;
    border-width: 0px;
}

.table-data2.table tbody td.columnTypeCell {
    font-size: 16px;
}

/*-------- batch signature main dialog --------*/
.card.card-body.condensed .table-data2.table tbody tr {
    border-top: none;
}
.card.card-body.condensed .table-data2.table thead tr {
    border-bottom: 1px solid #F0F3F6;
}
#errorTableErrorModal .table-data2.table {
    border: 1px solid #DADFE3;
}
#errorTableErrorModal .table-data2.table tbody tr {
    border-top: 1px solid #DADFE3;
}

/*--------
# Modals #
--------*/

.modalInsign .modal-dialog {
	width: 60%;
	min-width: 450px;
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.modalInsign.archive-modal .modal-dialog {
	width: 95%;
	max-width: 1000px;
}

.modalInsign.info-modal .modal-dialog {
	width: 80%;
	max-width: 800px;
}

.modalInsign button.close:hover {
	color: #0165BC;
	-webkit-box-shadow: 0 3px #0165BC;
	-moz-box-shadow: 0 3px #0165BC;
	box-shadow: 0 3px #0165BC;
	border: none;
}

.modalInsign .alertLabelMessage {
	padding-left: 0px;
}

.modalInsign .modal-content {
	border-radius: 3px;
	border: 1px solid transparent;
}

.modalInsign .modal-header {
	padding: 25px 30px;
	font-size: 20px;
	font-weight: 500;
	background-color: #FFFFFF;
}

.modalInsign i.modal-header-icon {
	font-size: 32px;
}

.modalInsign svg.modal-header-icon {
	height: 32px;
	width: 32px;
}

.modalInsign .modal-title i::before {
	vertical-align: middle;
}

.modalInsign .modal-header .close{
	font-size: 20px;
	font-weight: 200;
	margin: 0;
	padding: 0;
	padding-top: 3px;
}

.modalInsign .modal-body {
	padding: 20px 30px;
}

.modalInsign .modal-footer {
	padding: 20px 30px;
	text-align: center;
	justify-content: space-between;
	border-top-width: 1px;
}

.modalInsign .modal-body p {
    color: #3E3F42;
	font-size: 16px;
	margin-bottom: 0px;
}
.modalInsign .modal-body p.extern-checkbox-heading {
    margin-bottom: 1rem;
}

.modalInsign .modal-body label {
    color: #3E3F42;
	font-size: 16px;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
     opacity: 1;
}

.modal-backdrop {
	background-color: rgba(19,24,32, 0.6);
}

.modalInsign h1 {
	color: #3E3F42 !important;
	font-size: 20px !important;
}

.showForProcess.modal-title {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
    margin-right: 5px;
}

.modal .auswahlTextSuffix {
    line-height: 1.8;
}

/*--------
# Toasts #
--------*/

#toastTemplate {
	display: none;
}

.toast-container {
	z-index: 3000;
}

.toast {
	min-width: 500px;
	width: auto;
	padding: 20px;
	border: 1px solid #EEEEEE;
	border-radius: 4px;
	box-shadow: 0 1px 6px #EEEEEE;
	background-color: #FFFFFF;
	color: #5E5E5E;
}
@media (max-width: 500px) {
    .toast {
		min-width: 300px;
	}
}

.toast-body {
	padding: 0 15px;
}

.toast-icon {
	font-size: 26px;
}

.toast-title {
	color: #3E3F42;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 0;
}

.toast-success {
	border-left: 4px solid #0A8765;
}

.toast-success .toast-icon {
	color: #0A8765;
}

.toast-error {
	border-left: 4px solid #fE0000;
}

.toast-error .toast-icon {
	color: #fE0000;
}

.toast-warning {
	border-left: 4px solid #FFC021;
}

.toast-warning .toast-icon {
	color: #FFC021;
}

.toast-info {
	border-left: 4px solid #2F86EB;
}

.toast-info .toast-icon {
	color: #2F86EB;
}
.toast-position {
    	top:0;
    }
/*-------------------
# Buttons and Links #
-------------------*/

.okBtn {
    margin-top: 0px;
    padding: 6px 30px;
    margin-bottom: 5px;
}

.btn {
    border-color: #6B6C6F;
    color: #6B6C6F;
}

.btn.btn-primary {
    background-color: #0165BC;
    border: 2px solid #0165BC;
    color: #FFFFFF;
	min-width: 120px;

}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background-color: #3076d0;
    border: 2px solid #3076d0;
    color: #FFFFFF;
}

.btn.btn-secondary {
	background-color: #F9F9F9;
	border: 1px solid #CED4DA;
	color: #0165BC;
	min-width: 120px;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus {
	opacity: 0.7;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.btn-secondary:active:focus {
    background-color: #F9F9F9;
    border: 1px solid #CED4DA;
    color: #0165BC;
}
.btn.btn-secondary:hover {
    background-color: #F0F3F6 !important;
    border: 1px solid #EEEEEE !important;
    color: #0165BC !important;
}

.btn.btn-delete {
	background-color: #FFFFFF;
	border: 1px solid #BD2318;
	color: #BD2318;
	min-width: 120px;
}

.btn.btn-delete:hover,
.btn.btn-delete:active,
.btn.btn-delete:focus {
	opacity: 0.7;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.btn-delete:active:focus {
	background-color: #FFFFFF !important;
	border: 1px solid #BD2318 !important;
	color: #BD2318 !important;
}

.btn.btn-transparent {
	border: none;
}

.btn.btn-transparent:hover,
.btn.btn-transparent:focus {
	border: none;
	background-color: #F0F3F6;
	color: #0c9eff;
}

.btn.btn-transparent:active,
.btn.btn-transparent.active {
	background-color: #FFFFFF;
}

.btnNew {
	cursor: pointer;
	line-height: 1;
}

a > i.fa-fw {
	width: 1.75em;
}

a ,
.navbar-inverse .navbar-nav > li > a {
    color: #0165BC;
    text-decoration: none;
    display: inline-block;
}

a:hover, a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    text-decoration: none;
}

a.link-insign {
	font-size: 14px;
}
a:focus,
a:hover,
a:active {
    color: #3076d0;
}

a.link-insign:focus,
a.link-insign:hover,
a.link-insign:active {
    color: #3076d0;
	border: none;
}



li div.nav-btn:not(.disabled):hover,
li div.nav-btn:not(.disabled):focus {
    background-color: #F5F5F5;
    color: #3076d0;
    cursor: pointer;
    border-left: solid 3px #0165BC;
}
li div.nav-btn:not(.disabled):hover .menu-svg,
li div.nav-btn:not(.disabled):focus .menu-svg{
   fill: #3076d0;  
}



#licensesContainer {
    background-color: #FFFFFF;
}
#signModal .footer-dep-license,
#fotoModal .footer-dep-license{
    display: none;
}

.footer-links > a,
.choose-btn-text > a,
.footer-link > a {
    font-weight: bold;
}

/******************
# Company stamp #
*******************/

.stampupload-modal .modal-dialog {
    width: 70%
}

.stampIcon{
    height: 20px;
    width: 20px;
    fill: #3E3F42;
}
#stampUploadModal .companystampTemplateShowDiv .stampIcon{
    fill: #FFFFFF;
}

.upload_container,
.fotoupload_container,
.stamp_upload_container{
    max-width: 1200px;
    min-height: 400px;
    height: 60vh;
    padding: 2%;
    z-index: 1900;
    background-color: #ffffff;
    text-align: center;
    font-family: Roboto;
}
.stamp_upload_container{
    height: auto;
    padding:0 0 2% 0
}

.upload_upper > .fa-cloud-upload {
    color: #0165BC;
}
.upload_container > #links {
    font-size: 16px;
    padding-right: 20px;
}

.upload_border {
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px dashed #d1d7da;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
}

.upload_border:hover {
    border: 2px solid;
    border-color: #0165BC;
    height: 100%;
}

.upload_cloud {
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, -25%);
    -moz-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
    width: 50%;
    height: 50%;
    max-width: 507px;
}

.upload_cloud_container,
.upload_cloud_blue_container {
    position: absolute;
    z-index: 1900;
    height: 100%;
    width: 100%;
}

.upload_cloud_icon {
    width: 100%;
    height: 100%;
}

.upload_cloud_container,
.upload_cloud div.icon_upload_cloud {
    z-index: 1910;
}

.upload_text {
    color: #5E5E5E;
    width: 100%;
}
.inner_upload_container {
    height: 100%;
    padding-top: 57px;
}
#stampUploadModal .companystampTemplateImgContainer,
#stampUploadModal .inner_upload_container{
    height: 100%;
    padding-top: 0px;
}

.upload_text_info {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 2.7vmin;
    text-align: right;
}
.upload_headline {
    font-family: Roboto;
    font-size: 18px;
    color: #3B4859;
}
#stampUploadModal .upload_headline{
    font-size: 16px;
}
#stampUploadModal .upload_headline_box_sub .upload_headline{
    font-size: 16px;
    font-weight: 500;
}
#stampUploadModal .companystampTemplateShowDiv{
    background-color: #F5F5F5;
    border: 2px solid #F5F5F5;
    padding: 10px;
    border-radius: 5px;
}

.upload_detail > .drag_drop {
    font-size:24px;
    color: #3F3B3B;
}
.upload_detail > .upload_or {
    color: #5E5E5E;
}
.upload_detail > .btn {
    color: #0165BC;
    background-color: #FFFFFF;
}

.upload_text_defaults {
    font-family: Roboto;
    font-size: 16px;
}

/* Replace linebreaks with spaces */
.upload_text_defaults .text-nowrap br {
    content: "";
}
.upload_text_defaults .text-nowrap br:after {
    content: " ";
}

.skipStampBtn, .linkdiv{
    cursor: pointer;
    color: #0165BC;
    display: inline-block;
}
.skipStampBtn:hover,
.skipStampBtn:focus,
.linkdiv:hover,
.linkdiv:focus{
    color: #3076d0;
}

/****************** media ************************/

@media screen and (max-width: 767px) {
    .stampupload-modal .modal-dialog {
        width: 90%;
    }
}
@media only screen and (max-width: 500px) {
    .stampupload-modal .modal-dialog {
        min-width: 0;
        width: 95%;
    }
}


/******************
# Company stamp END #
********************/

/* ----------
# Dropdowns #
-----------*/

.dropdown-insign .dropdown-menu {
	z-index: 2000;
}

.dropdown-insign .dropdown-item {
	padding: 0 1rem;
}

.dropdown-insign .dropdown-item:hover,
.dropdown-insign .dropdown-item:focus,
.dropdown-insign .dropdown-item:active {
	background-color: #F5F5F5;
}

.dropdown-insign .dropdown-item-link {
	width: 100%;
	color: #5E5E5E;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.dropdown-insign .dropdown-item-link:hover,
.dropdown-insign .dropdown-item-link:focus {
	color: #3076d0;
    background-color: #F5F5F5;
}

.dropdown-insign .dropdown-item-linkText {
	display: inline-block;
	width: auto;
	font-size: 14px;
	font-weight: 500;
}

.dropdownGeneral .userinfo-nav-name,
.dropdownGeneral .userinfo-nav-name:hover,
.dropdownGeneral .userinfo-nav-name:focus,
.dropdownGeneral .userinfo-nav-name:active {
	border-width: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.dropdownGeneral .dropdown-menu {
	padding: 0;
	border-radius: 0;
	border: none;
	margin-top: 17px;
	z-index: 2000;
	-webkit-box-shadow: 0px 2px 4px #00000029;
	-moz-box-shadow: 0px 2px 4px #00000029;
	box-shadow: 0px 2px 4px #00000029;
}

.dropdownGeneral .dropdown-item {
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0;
}
[dir="ltr"] .dropdownGeneral .dropdown-item {
    padding-right: 3rem;
}
[dir="rtl"] .dropdownGeneral .dropdown-item {
    padding-left: 3rem;
}

.dropdownGeneral .dropdown-item:hover,
.dropdownGeneral .dropdown-item:focus,
.dropdownGeneral .dropdown-item:active {
	-webkit-box-shadow: inset 4px 0px 0px 0px #0165BC;
	-moz-box-shadow: inset 4px 0px 0px 0px #0165BC;
	box-shadow: inset 4px 0px 0px 0px #0165BC;
}

.dropdownGeneral .dropdown-item-linkText {
	font-size: 16px;
}

/* --------------
# Miscellaneous #
---------------*/

svg {
    pointer-events: none;
}


#profile-avatar-nav {
	left:20px;
}

#profile-avatar {
	border-radius: 50%;
	width: 50px;
	height:50px;
}

#ajax_in_work_overlay,
#spinnerContainer {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 3000;
	background-color: rgba(19,24,32, 0.3);
	padding: 2em;
}
.modal-open #spinnerContainer,
.modal-open #ajax_in_work_overlay {
	background-color: transparent;
}

#spinnerContainer .spinner-border,
.ajaxinworkspinner {
	display: block;
	position: relative;
	width: 7rem;
	height: 7rem;
	margin: 0 auto;
	top: 35%;
    border-width: .5em;
	color: #0165BC;
}

.small-spinner {
	width: 3rem;
	height: 3rem;	
}

.spinner-border {
	color: #0165BC;
}

.spinner-border.hidden {
	visibility: hidden;
}

/*--------
# @media #
--------*/

@media only screen and (max-width: 767px) {
	.modalInsign .modal-dialog {
        width: 90%;
    }
    .toast-position {
    	bottom: 0;
    	top: auto;
    	margin-bottom: 0;
    	-webkit-transform: translateX(-50%);
    	-moz-transform: translateX(-50%);
       	-ms-transform: translateX(-50%);
       	-o-transform: translate(-50%);
         transform: translateX(-50%);
    }

    .table-data2.table tbody tr {
        height: auto;
        padding: 10px 0;
    }
    .table-data2.table thead th:first-child,
    .table-data2.table tbody tr td:first-child {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 500px) {
	.modalInsign .modal-dialog {
        min-width: 0;
        width: 95%;
    }

	.modalInsign.info-modal .modal-dialog {
		width: 95%;
	}

    .modalInsign .modal-footer {
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .modalInsign .modal-dialog {
        width: 75%;
        max-width: 700px;
    }
}

.clickable:hover {
	cursor: pointer;
}
.scroll-y {
	overflow-y: auto;
}

@media (max-width: 767px) {
	.burger.show .hoverBoxShadow, .iconContainer.show .hoverBoxShadow {
		color: #3076d0;
	    background-color: #F5F5F5;
	    box-shadow: 0px 0px 0px 7px #F5F5F5;
	    border-radius: .25rem;
	}
}


.dropdownIcon.show.hoverBoxShadow {
    color: #3076d0;
    background-color: #F5F5F5;
    box-shadow: 0px 0px 0px 7px #F5F5F5;
    border-radius: .25rem;
}

.popoverDeleteBtn {
    display: inline-block;
    padding-inline-start: 10px;
    color: #BD2318;
    font-weight: 600;
}

.activeIcon{
    color: #3076d0 !important;
}

@media (hover: hover) {
    .hoverBoxShadow:hover,
    .hoverBoxShadow:focus,
    .hoverBoxShadow[aria-expanded="true"] {
        color: #3076d0 !important;
        background-color: #F5F5F5;
        box-shadow: 0px 0px 0px 7px #F5F5F5;
        border-radius: .25rem;
    }
    .hoverBoxShadowInverse:hover,
    .hoverBoxShadowInverse:focus,
    .hoverBoxShadowInverse[aria-expanded="true"] {
        color: #3076d0 !important;
        background-color: #F5F5F5;
        box-shadow: 0px 0px 0px 7px #F5F5F5;
        border-radius: .25rem;
    }
	.hoverBoxShadow:hover,
	.hoverBoxShadow[aria-expanded="true"],
	.hoverBoxShadowInverse:hover,
	.hoverBoxShadowInverse[aria-expanded="true"],
    .hoverBoxShadowSmall:hover,
    .hoverBoxShadowSmall[aria-expanded="true"],
    .hoverBoxShadowSmallNoFocus:hover,
    .hoverBoxShadowSmallLight:hover {
		outline: none;
	}
    .hoverBoxShadowSmall:hover,
    .hoverBoxShadowSmall:focus,
    .hoverBoxShadowSmall.focus,
    .hoverBoxShadowSmall[aria-expanded="true"],
    .hoverBoxShadowSmallNoFocus:hover,
	.hoverBoxShadowSmallLight:hover,
	.focusBoxShadowSmallLight.focus {
        color: #3076d0 !important;
        background-color: #F5F5F5;
        box-shadow: 0px 0px 0px 3px #F5F5F5;
        border-radius: .25rem;
    }

	.hoverBoxShadowSmall:hover label,
	.hoverBoxShadowSmall:focus label,
	.hoverBoxShadowSmall.focus label,
    .hoverBoxShadowSmall[aria-expanded="true"] label,
    .hoverBoxShadowSmallNoFocus:hover label,
    .hoverBoxShadowSmallLight:hover label,
    .focusBoxShadowSmallLight:focus label,
    .focusBoxShadowSmallLight.focus label{
		color: #3076d0 !important;
	}
	
	.hoverBoxShadowSmallLight:hover, .focusBoxShadowSmallLight:focus, .focusBoxShadowSmallLight.focus {
        color: #3076d0 !important;
        background-color: #F5F5F5;
        box-shadow: 0px 0px 0px 3px #F5F5F5;
        border-radius: .25rem;
    }
    
    
    #signModal .loeschenBtn:hover,
    #signModal .upadBtn:hover,
    #signModal .kundenhandyBtn:hover {
        color: #3076d0 !important;
    }
}


@media (forced-colors: active) {
    .insign-checkbox .form-check-input:not(checked)::before {
        color: Canvas;
    }
    .insign-checkbox .form-check-input:checked::before {
        color: CanvasText;
    }
    .insign-switch .form-check-input:not(checked) {
        background-color: CanvasText;
    }
    .insign-switch .form-check-input:checked {
        background-color: ActiveText;
    }
    @media (prefers-color-scheme: dark) {
        .insign-switch .form-check-input:checked {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
        }
    }
}

@media (max-width: 767px) {
	.modalInsign .modal-header{
		padding: 15px 30px !important;
	}
	.settings-modal .modal-body{
		padding: 0!important;
	}
	.settings-modal .nav-tabs .nav-link{
		padding: 20px 0 !important;
	}
	.settings-modal .settingsRow #mail-logoButton .btn-delete{
		margin-left: 3rem;
	}
	.settings-modal .tab-content{
		padding: 0 30px 10px!important;
	}
	.modalInsign .modal-body{
		padding: 15px 30px;
	}
	.modalInsign svg.modal-header-icon{
		height: 32px;
		width: 50px ;
	}
	.modalInsign .returnToPairing{
		padding-bottom: 0 ;
	}
	#externMailModal #externLanguage0 .insign-dropdown-toggle{
		border: none!important;
	}
	#infoModal #externTable .col-status {
		padding: 0 10px 0 0;
	}
	#externMailSortable .mail-form:first-child {
		margin-top: 0 !important;
	}
	#alertModal .modal-content, #plausiPopup .modal-content{
		min-height: fit-content !important;
	}
}

.bs-tooltip-top {
    margin-bottom: 6px !important;
}
.bs-tooltip-bottom {
    margin-top: 6px !important;
}
.tooltip > .tooltip-inner {
    color: #3E3F42 !important;
    background-color: #FFFFFF !important;
    filter: drop-shadow(2px 2px 2px #00000038);
    border: 1px solid #EAEDF3 !important;
    padding: 10px;
}
.tooltip-arrow {
    z-index: 1081;
}
.tooltip-arrow:before {
    z-index: 1081;
}

.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #FFFFFF !important;
    filter: drop-shadow(2px 2px 2px #00000038);
}
.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #FFFFFF !important;
    filter: drop-shadow(0px -0.5px 0.7px #00000038);
}
.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #FFFFFF !important;
     border-left-color: #FFFFFF !important;
    filter: drop-shadow(0px -0.5px 0.7px #00000038);
}
.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #FFFFFF !important;
    filter: drop-shadow(0px -0.5px 0.7px #00000038);
}

.content-otpActivation,
#otpActivationModal .modal-body {
    font-size: 14px;
}
.otpActivationQrCodeImg {
    border: 2px solid #0165BC;
}
.OTPIcon {
    fill: #0165BC;
}

.otpActivationRecoveryContainer .stepSubHeader,
.otpActivationRecoveryVerifyContainer .stepSubHeader {
    font-size: 18px;
    font-weight: 500;
    color: #3E3F42;
}

.otpActivationRecoveryContainer .form label:not(.notFormCSS) ,
.otpActivationRecoveryVerifyContainer .form label:not(.notFormCSS),
.otpLoginRecoveryContainer .form label:not(.notFormCSS) {
    font-size: 16px;
    font-weight: 500;
    color: #3E3F42;
}

.otpActivationRecoveryVerifyContainer #resendRecoveryCode i,
.otpLoginRecoveryContainer #resendLoginRecoveryCode i {
    color: #0165BC;
}
.otpActivationRecoveryVerifyContainer #resendRecoveryCode,
.otpLoginRecoveryContainer #resendLoginRecoveryCode {
    border: none;
}

.otpActivationProgress {
    border-bottom: 1px solid #dee2e6;
    background-color: #FFFFFF;
}
.otpActivationProgress .progress {
    height: 5px;
}
.otpProgressBar {
    background-color: #FB941D;
}
.otpStep ,
.otpStepMobile {
    font-weight: bold;
}


.ap-otp-inputs {
	width: 400px;
	height: 80px;
	flex-shrink: 0;
}
.ap-otp-input {
    border: 1px solid #0165BC;
    border-radius: 4px;
    width: 50px;
    height: 80px;
    margin: 4px;
    text-align: center;
    font-size: 35px;
    caret-color: transparent;
}
.ap-otp-inputs.input-has-error ~ .input-error-text {
    width: 400px;
}
.ap-otp-input:focus{
    outline: none !important;
    border: 3px solid #1f6feb;
    transition: 0.12s ease-in;
}
.ap-otp-inputs::placeholder {
    color: #919191;
    opacity: 1;
    font-size: 1rem;
}
.otpActivationRecoveryContainer label,
.otpActivationRecoveryVerifyContainer label {
    font-weight: 500;
}
#resendRecoveryCode {
    font-size: 14px;
}
@media (max-width: 767px) {
    .ap-otp-inputs {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .ap-otp-inputs {
        height: 60px;
    }
    .ap-otp-input {
        height: 60px;
        width: 35px;
    }
}

.main-nav,.nonFavActions{
	color: #2C2C2C;
}


.settingsRow#aesSms {display: none!important; }